前端学习(二十四) position(css)

position,也就是定位


position:relative,相对定位,设置之后top,left相对自身偏移原本空间保留

position:absolute,绝对定位,设置后,默认宽度为内容宽度,脱离文档流,参照物为第一个定位祖先/根元素

position:fixed,相对与浏览器窗口进行偏移

z-index,当元素叠加时,z-index值较大的会覆盖在较少的上面


相对布局示例,登录界面解释

登录界面通常有两部分组成,遮罩和登录框

遮罩有上面的position:fixed,而登录框的话通常用absolute定位

猜你喜欢

转载自blog.csdn.net/zy21131437/article/details/80889086