2011-10-02 30 views
1

我有一個div需要在整個頁面上拉伸整個方式,但實際內容應該只有z像素寬,並居中。也就是說,文本不居中,但內容所在的區域 - div的內部(如果您願意)以居中。CSS - Div填充「除z像素以外的所有」

合理的方法是做這樣的事情:

<div> 
<!--I stretch across the entire page!--> 
<div> 
<!--I am z pixels wide, and my margins are auto. Content goes here.--> 
</div> 
</div> 

與此唯一的問題是,它似乎真的DIV-ITIS-Y。這是應該能夠使用盒模型實現的。

反正有沒有添加div的話呢?

回答

3

body已經綿延頁面的寬度,所以只使用一個內部div

<body> 
    <div></div> 
</body> 

div{ 
    width:980px; 
    margin:0 auto; 
} 

這是div s的意思做。

現在,根據內容,以及是否使用的是HTML5,你可能希望把它包在所有其他元素標籤,如headernavsection

但有什麼本質錯誤使用div,甚至嵌套的。

+0

謝謝。不幸的是,我需要外部div是跨越頁面的一大片顏色。 – guywhoneedsahand

+0

我也同意 - 使用div並沒有什麼本質上的錯誤 - 使用更少,更邏輯的div來維護頁面更容易。 – guywhoneedsahand

+0

這是真的@guywhoneedsahand –