HTML:当位置是绝对时，设置相对于父元素的元素大小

Question

有办法吗？

如果我这样做:

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

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

Answer 1

如果 child 有 position:absolute;，总是给 parent position:relative。将 position:relative 赋给您的 #container DIV。像这样写:

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