有没有办法做到这一点?
如果我这样做:
<div id="container" style="width:500px;">
<div id="content" style="position:absolute;width:100%;">
</div>
</div>
然后内容 div 将具有浏览器窗口的宽度,而不是父容器 div 的 500px。
总是给出位置:相对于parent它是否child有位置:绝对;. 给出位置:相对于您的#containerDIV。像这样写:
<div id="container" style="width:500px;position:relative">
<div id="content" style="position:absolute;width:100%;">
</div>
</div>
只需将position#container 设置为relative. 查看这个 jsFiddle的演示。