position定位及拓展和网页布局总结2022-08-03

1.定位模式,:relative,absolute,fixed

2.边偏移:top,right,bottom,left

3.子绝父相:   子绝对定位父相对定位

4.相对定位跟自己原先位置做偏移（不脱标），绝对定位是在父级元素里做偏移（脱标），固定定位是定于浏览器的可视区位置（脱标）

5.定位次序的叠放：页面出现很多盒子定位，哪个靠上哪个靠后，z-index=1 来定义。数值越大越靠上。

定位拓展：

网页布局的总结：