美文网首页
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定位,相对于视口进行定位。

相关文章

  • HTML 之CSS 布局

    概述 position属性 position属性列表 absolute 属性 fixed 属性 relative属...

  • CSS定位网页元素

    position 属性 position 属性与float属性一样,在css排版中都非常重要。position顾名...

  • css定位之position

    以下是我对position属性的了解和总结。 position:static;position的默认属性,元素框会...

  • CSS定位

    定位position position 属性指定了元素的定位类型。position 属性的四个值:staticre...

  • BFC

    1. CSS定位属性: position 1.1 定义及常见的属性值 1.1.1 定义: position 属性指...

  • Position 属性

    1. 介绍 1.1 说明 Position属性:规定元素的定位类型。即元素脱离文档流的布局,在页面的任意位置显示。...

  • position属性

    position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父元素或者...

  • position属性

    position属性都有什么?都有什么区别,都是根据谁定位的? 1.absolute 生成绝对定位的元素,相对于 ...

  • position属性

    position 属性在页面布局定位元素的时候会经常用到,自以为已经运用的很熟练,直到有一天发现对 relativ...

  • position属性

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

网友评论

      本文标题:position属性

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