HTML：当position是绝对值时，设置相对于parent的元素大小

Question

有办法吗？

如果我这样做：

<div id="container" style="width:500px;">
    <div id="content" style="position:absolute;width:100%;">
    </div>
</div>

然后内容div将具有浏览器窗口的宽度，而不是来自父容器div的500px。

Answer 1

如果parent的{​​{1}} 位置：绝对值，请始终将位置：相对提供给child。将位置：相对提供给#container DIV。写得像这样：

<div id="container" style="width:500px;position:relative">
    <div id="content" style="position:absolute;width:100%;">
    </div>
</div>

Answer 2

只需将#container的position设置为relative即可。 Check out this jsFiddle进行演示。