HTML5設置的div寬度比主體大寬度

我想的div（或section），該主體內部的一個爲顯示100％的body {margin: 0 auto; width: 900px;}

100％的寬度（未其父900px，但更多）。應該爲這個div應用什麼樣的風格？

<body> 
<div> 
900px width of this text 
</div> 
<div style="???"> 
the whole 100% length of display 
</div> 
</body>

如果你想在<div>是屏幕寬度的100％，則必須在CSS display財產。

display:block;

2012-07-09 07:44:20

我有一個與原作者類似的問題。我只是嘗試顯示：塊在我的頁腳div，這是在一個固定寬度的身體。該div不顯示爲全屏寬度，但只是100％的身體寬度。 – TARKUS 2013-11-12 15:56:36

我不認爲你可以這樣做，如果你在<body>上設置寬度。我要離開<body>獨自做這樣的事情：

div { 
    width: 900px; 
} 
div.fullwidth { 
    width: 100%; 
}

，然後確保你的內容是一系列<div> S，其中有一些class="fullwidth"（這些元素必須非嵌套，因爲對於嵌套元素「100％」將被解釋爲「包含元素的100％」，其依次解析爲「900px的100％」）。

2012-07-09 07:47:53 ebohlman

您可以設置position:absolute;防止它從身體繼承寬度。

2012-07-09 07:52:43

我想過這個解決方案，謝謝你指出。但我不確定的立場：絕對是一個很好的解決方案，使複雜的佈局。如果我的位置是絕對位置，我不知道如何在絕對位置下方顯示頁腳。 – Haradzieniec 2012-07-09 08:09:43

回答