position属性是相对定位还是绝对定位呢？

Posted 2023-03-20

参考技术A

在CSS中，“position: relative”是设置定位类型为相对定位，它可以配合“top”、“bottom”、“left”、“right”这4个偏移量来实现相对它所属父元素的相对定位。

position属性规定元素的定位类型，这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

relative属性相对比较简单，它是相对它所属父元素来进行偏移的，可以通过“top”、“bottom”、“left”、“right”4个偏移属性进行定位。

扩展资料：

position属性的其它定位类型：

1、absolute

绝对定位，依据父元素中最近设置为relative定位类型的元素进行偏移。

2. fixed

fixed是特殊的absolute，即fixed总是以body为定位对象的，按照浏览器的窗口进行定位。

3. static

position的默认值，一般不设置position属性时，会按照正常的文档流进行排列。

参考资料来源：百度百科-position （定位元素）