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中的min-height。那么我怎样才能跨越浏览器，让内容像div一样自动填充div中的内容，就像上面的IE8中的min-height一样？

Answer 1

min-height在IE7中有错误。快速修复：

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

无论如何，我不知道为什么你需要min-height ...问题是overflow: hidden在IE7中不起作用，除非父容器有position: relative。

Answer 2

似乎你不想做任何太疯狂的事情。

1px min-height是否在没有内容时隐藏？或者是一些技巧？

该div中的元素是否浮动？也许你需要清除该列表末尾的花车..

似乎你不需要设置溢出给我..

---

崩溃的div通常是由于在你关闭容器之前没有正确清理。

<div class="example">
     <stuff style="float:left;">blah</stuff>
     <div style="clear:both;"><!-- --></div>
</div>

Answer 3

你错误地定义了东西。 IE7不支持min-height，但是有一个IE浏览器。检查这些链接

http://css-tricks.com/snippets/css/cross-browser-min-height/，

http://www.dustindiaz.com/min-height-fast-hack/