相对CSS位置没有相对宽度？(CSS position relative without relat

我想一个元素有相对定位。 但我不希望它的子元素（ position:absolute ）有相对宽度父。

例如： http://jsfiddle.net/t2yJP/ 。 我想第二body>div有position:relative ，而是有其子项的宽度保持相同的行为。

Answer 1:

怎么样这个的jsfiddle 。

但是，你真的应该重新考虑你的策略。 在你的小提琴，你的第二个示例只能因为父DIV没有定位，因此，该.abs DIV在技术上是不存在于亲。

通常情况下，子元素都是父母的内部。 这就是容器的！ 所以，如果你不想做的.abs div来的红色长方形的约束，不要把它红色的矩形内。

Answer 2:

试着增加width:inherit来的.abs类。

Answer 3:

我能够如下实现了外观类似的效果：

<div class='abs pad'>
    Content content content
</div>
<div class='rel pad red'>
</div>

.rel {
    position: relative;
}
.abs {
    position: absolute;
    z-index: 1;
}
.pad {
    padding: 2px;
    margin: 2px;
}
.red {
    border: 1px solid black;
    width: 100px;
    height: 100px;
    background-color: red;
}

文章来源: CSS position relative without relative width?