添加比包装更宽的行

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可言，也没有顶部需要有一个静态高度。