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