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
浮動不會