Question

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

例如：http://jsfiddle.net/t2yJP/。我希望第二个body>div拥有position:relative，但让其子宽度保持相同的行为。

Answer 1

尝试将width:inherit添加到.abs类。

Answer 2

我能够达到如下相似的效果：

<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;
}

Answer 3

this jsFiddle怎么样。

但你应该重新考虑你的策略。在您的小提琴中，您的第二个示例仅起作用，因为父div未定位，因此.abs div在技术上不在父级中。

通常，子元素在父母的内部。这就是容器的用途！因此，如果您不希望.abs div受红色矩形约束，请不要将其放在红色矩形内。

CSS位置相对没有相对宽度？

3 个答案: