美文网首页
2019-08-17 定位之position之absolute

2019-08-17 定位之position之absolute

作者: 枫叶落尽 | 来源:发表于2019-08-17 12:45 被阅读0次

    可以看到,当把元素的position设置为absolute之后,如果不设置top、left等属性值,元素会相对与文档流进行定位,类似于float的效果。并且元素不在文档流中,会遮盖后面的正常文档流元素,后面的absolute元素会遮盖前面的absolute元素。

    absolute元素还会遮挡float元素:


    被absolute元素遮挡的float元素

    如果设置了absolute元素后,设置了top、left等属性,则按照absoulte定位规则定位。

    对于所有的absolute元素而言,默认情况下,如果后面的元素和前面的元素有重叠部分,后面的会遮盖前面的。但可以通过设置z-index来进行设置。



    设置为-1

    相关文章

      网友评论

          本文标题:2019-08-17 定位之position之absolute

          本文链接:https://www.haomeiwen.com/subject/cmihsctx.html