css5定位
css
- 一.定位
- 1.概念（定位=定位模式+边位移）
- 2.静态位移static（不常用）
- 3.相对定位relative（不脱标）（占位置）
- 4.绝对定位absolute（脱标）（不占位置）
- 5.固定定位fixed（脱标）（不占位置）（一个小算法）
- 6.粘性定位sticky（不脱标）（占位置）
- 7.总结
- 二.子绝父相
- 三.叠放次序（z-index)(定位的盒子才用）
- 四.定位拓展
- 1.绝对定位盒子居中
- 2.定位的特殊性
- 3.脱标的盒子不会触动外边距塌陷
- 4.绝对（固定）定位会压住盒子
- 五.元素的显示与隐藏
- 1.display
- 2.visibility
- 3.overflow
- 4.总结
- 六.网页布局总结
一.定位
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.总结
六.网页布局总结
