爲什麼添加填充到主div而不是它的父div，換行？

Question

下面是簡單的HTML：

<div id="wrap"> 

<div id="main"> 

</div> 

</div> 

<div id="footer"> 

</div> 

這裏的CSS：

* {margin:0;padding:0;} 

html, body {height: 100%;} 

#wrap {min-height: 100%;} 

#main {overflow:auto; 
    padding-bottom: 150px;} 

#footer {position: relative; 
    margin-top: -150px; 
    height: 150px; 
    clear:both;} 

我的問題是那豈不是更有意義填充底部添加到#wrap DIV，而不是它是#main div？

如果你想知道，這是關於頁腳總是在底部，並不重疊其以前的內容時調整頁面大小。

Answer 1

我猜你可能會得到與盒模型有麻煩，因爲填充將添加到#wrap的高度 - 您是否嘗試過它呢？