添加比包裝更寬的行

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可言，也沒有頂部需要有一個靜態高度。