添加比包装器更宽的行

Question

我有一个固定宽度的居中容器，里面有一个必须是浏览器全宽的元素。

<div style="width: 960px; margin: 0 auto;">
    ...content...
    <div style="width 100% ??;"></div>
    ...content...
</div>

我的问题是，有没有办法让它在没有包含内容的顶部和底部的情况下工作？

谢谢。

Answer 1

只要容器静态定位，您就可以使用position: absolute：

left: 0;
position: absolute;
right: 0;

请注意，您根本不需要设置top，顶部也不需要具有静态高度。