1.定位模式,:relative,absolute,fixed
2.边偏移:top,right,bottom,left
3.子绝父相: 子绝对定位父相对定位
4.相对定位跟自己原先位置做偏移(不脱标),绝对定位是在父级元素里做偏移(脱标),固定定位是定于浏览器的可视区位置(脱标)
5.定位次序的叠放:页面出现很多盒子定位,哪个靠上哪个靠后,z-index=1 来定义。数值越大越靠上。








定位拓展:



网页布局的总结:

本文标题:position定位及拓展和网页布局总结2022-08-03
本文链接:https://www.haomeiwen.com/subject/fvfewrtx.html
网友评论