Css 为什么要将填充添加到主div而不是其父div wrap？

以下是简单的html：

<div id="wrap">

<div id="main">

</div>

</div>

<div id="footer">

</div>

我的问题是，将填充底部添加到#wrap div而不是it's#main div是否更有意义

---

如果您想知道，这与页脚始终位于底部有关，并且在调整页面大小时不与以前的内容重叠。

我猜您可能会遇到框模型的问题，因为填充物会增加包裹的高度-你试过了吗？

你试过你建议的方法吗？这也许能回答你的问题，我做了，它没有使页脚成为页面上的最后一件事，但我仍然不知道这是为什么？

* {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;}