css - IE6 中关于填充的破盒模型的最佳解决方法？

Question

我注意到，当内部元素具有 padding-bottom 时，IE6 和 IE7 都会将父 div 向下推......最好的解决方法是什么？是否可以使用有效的 css 来解决这个问题？

编辑

我使用的解决方案是在子元素中设置 overflow: auto(如下面已接受的答案中所述)。我采用这种方法是因为我的子元素高度是动态的，因此我无法设置它。

Answer 1

padding-bottom是加在子元素总高度上的，所以即使子元素为空，padding-bottom:10px;将使它的总高度为 10px。在所有现代浏览器中，父元素将展开以为其子元素提供空间。

但是如果你想在父级上设置一个高度，你可以只在父级上设置一个高度并通过溢出来控制子级的内容:自动/隐藏/滚动..

或者你可以设置parent为position:relative;并设置position:absolute；到子元素。

有点取决于你想要什么..