为什么要向主 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;}

我的问题是，将 padding-bottom 添加到 #wrap div 而不是 #main div 不是更有意义吗？

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

Answer 1

我猜您可能会遇到盒模型的麻烦，因为填充会增加 #wrap 的高度 - 您尝试过吗？