美文网首页
position属性

position属性

作者: 考拉程序媛 | 来源:发表于2020-04-29 16:37 被阅读0次

    六个属性值:static、relative、absolute、fixed、sticky和inherit。

    static(默认):元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分;行内元素则会创建一个或多个行框,置于其父元素中。
    relative:元素框相对于之前正常文档流中的位置发生偏移,并且原先的位置仍然被占据。发生偏移的时候,可能会覆盖其他元素。
    absolute:元素框不再占有文档流位置,并且相对于包含块进行偏移(所谓的包含块就是最近一级外层元素position不为static的元素)
    fixed:元素框不再占有文档流位置,并且相对于视窗进行定位
    sticky:(这是css3新增的属性值)粘性定位,官方的介绍比较简单,或许你不能理解。其实,它就相当于relative和fixed混合。最初会被当作是relative,相对于原来的位置进行偏移;一旦超过一定阈值之后,会被当成fixed定位,相对于视口进行定位。

    相关文章

      网友评论

          本文标题:position属性

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