定位
定位:
绝对定位 absolute : 父级没有定位时,相对文档定位,脱离文档流,提升层级
相对定位 relative : 相对自己的定位,不脱离文档流,提升层级
固定定位 fixed : 针对窗口定位,脱离文档流,提升层级
---------------------------------------------------------------
没有(默认)定位 static
只要有定位,就可以使用扩展样式
left right
top bottom
有父级的定位:绝对定位的子集元素都是针对父级在定位
并且父级需要以:position: relative;来固定位置,让子集元素针对自己定位
涉及到浮动层级时,有时需要以z-index: 1;来提高层级
语句:隐藏超出部分,固定定位
窗口缩小自动隐藏超出部分
overflow: hidden;
固定定位:针对窗口定位,脱离文档流,提升层级
position: fixed;
网友评论