本文详细介绍了CSS定位的各种模式（包括static、relative、absolute、fixed、sticky），子元素与父元素的关系（子绝父相），叠放次序（z-index），以及定位对盒子居中、特殊性、外边距塌陷和元素显示/隐藏的影响。总结了网页布局中的关键知识点。
css
一.定位
1.概念（定位=定位模式+边位移）
why
定位模式
边位移
2.静态位移static（不常用）
相当于标准流，无边位移
3.相对定位relative（不脱标）（占位置）
4.绝对定位absolute（脱标）（不占位置）
5.固定定位fixed（脱标）（不占位置）（一个小算法）
eg：
6.粘性定位sticky（不脱标）（占位置）
7.总结
二.子绝父相
三.叠放次序（z-index)(定位的盒子才用）
四.定位拓展
1.绝对定位盒子居中
eg：
2.定位的特殊性
绝对定位和固定定位和浮动类似
不需要display即可有行内块属性
3.脱标的盒子不会触动外边距塌陷
浮动的盒子也不会
只有标准流会
4.绝对（固定）定位会压住盒子
but
浮动不会
五.元素的显示与隐藏
1.display
2.visibility
3.overflow
4.总结
六.网页布局总结
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
