100％標題和包裝內含固定內容的最有效方法？

Question

什麼是擁有100％標題，然後是固定寬度內容和100％頁腳的最有效方式？

我想我的div限制到最大，但現在我很卡...

人幫助？

THX很多

Answer 1

這是最簡單的版本：

<div class="header"> 
    <p>Header</p> 
</div> 
<div class="main"> 
    <p>Content</p> 
    <p>Content</p> 
    <p>Content</p> 
</div> 
<div class="footer"> 
    <p>Footer</p> 
</div> 

CSS：

div { 
    margin:0 auto; 
} 
.main{ 
    width:400px; 
} 

http://jsfiddle.net/Madmartigan/adkfF/3/

這裏是固定的頁眉和頁腳的內在內容的版本寬度與主要內容對齊：

http://jsfiddle.net/Madmartigan/adkfF/1/

3的div只是一樣簡單，你可以走了，我以爲你想減少您的div，而不是「限制我的div最大」 :)