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它是否child有位置:绝对; .给出位置:相对于你的#containerDIV.像这样写:

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