positionrelative的简单介绍

谁能帮我解释一下在html里position: relative;是什么意思？

position: relative; 相对定位。

相对于其父级元素来定位。

生成相对定位的元素，相对于其正常位置进行定位。

因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。

absolute 绝对定位 ，通过 top,left 样式来绝定元素位置。

在CSS中position: relative是什么意思

css中position: relative的意思是：

相对定位，对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。

位置属性被设置为relative之后，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。它可以随窗口大小变化。但大小仍然不会变。要是你设置成width:100%;height:100%;这样就会随着窗口变大变小。

比如：div class="1"/divdiv class="2"/div

当1固定了位置。1的样式 float:left;width:100px; height:800px;

2的样式为 float:left; position：relative；margin-left:20px;width:50px;

2的位置在1的右边，距离120px.

当Position属性值为Relative时对象原来占有的位置保留，其后面的对象按原来文档流仍然保持原来的位置Top的值表示对象相对原位置向下偏移的距离bottom的值表示对象相对原位置向上偏移的距离两者同时存在时，只有Top起作用。left的值表示对象相对原位置向右偏移的距离right的值表示对象相对原位置向左偏移的距离两者同时存在时，只有left起作用。

希望以上的回答能够帮到你！

在CSS中position: relative是什么意思？

在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 （定位元素）

div中position:relative的完整用法怎么用？

position的默认值是static，（也就是说对于任意一个元素，如果没有定义它的position属性，那么它的position:static）

如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方，应该给#demo相对定位，#sub绝对定位。

absolute是相对于自己最近的父元素来定位的，如果你不给#demo相对定位，那么#sub的绝对定位就是相对于body来定位的。

relative是相对于自己来定位的，例如：#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。

static: 默认值。无特殊定位，对象遵循HTML定位规则;

absolute: 将对象从文档流中拖出,使用left,right,top,bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义;

fixed:未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范;

relative:对象不可层叠，但将依据 left,right,top,bottom 等属性在正常文档流中偏移位置;