html - 添加比包装更宽的行

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，顶部也不需要具有静态高度。