overflow - IE7 的 CSS 溢出问题

Question

因此，在 IE8 及更高版本以及其他浏览器(如 Firefox)中，当 div 中有数据时，div 会自动增长，我会这样做:

.example {
min-height:1px;
overflow:hidden;
}

但是在IE7中div里面的内容没有填充。下面是一个例子:

所以我认为可以解决 IE7 问题的方法是:

.example {
min-height:1px;
overflow:hidden;
}

* html .example {
height:1px;
overflow:visible;
}

但在 IE7 中它只会显示 1 个像素的高度，它看起来仍然像您在上面的示例中看到的 IE7 中的最小高度。那么我怎样才能跨浏览器让 div 之类的内容自动填充 div 中的内容，就像上面 IE8 中的最小高度一样？

Answer 1

min-height 在 IE7 中有问题。快速修复:

.example {
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

无论如何，我不知道你为什么需要 min-height...有 position: relative。