html - 添加比 wrapper 宽的行

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;

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