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
浮动不会