如何解决IE7和FF浏览器无法撑开高度的问题

用IE7和Firefox浏览器浏览网页时，经常会看到一些内容跑到内容容器下方的情况，而在IE6中，容器会随着内容的增加自动伸展。如下图所示。

出现这种现象并不是因为IE7和Firefox浏览器中的容器高度不会自动伸展，而是由于某种原因误定义了高度而已。

比如在制作网页时定义：


.div1 {
width:200px;
height:200px;
}
当内容高度大于200像素时，内容就会溢出到容器以外。

如果要容器自身拥有200像素的高度，在内容过多时又能自动伸展，只需要在CSS中再加入min-height即可。

.div2 {
width:200px;
height:200px;
min-height:200px;
}
其实这个方法我在前面也介绍过，但那个方法是解决另外一种问题，属于CSS hack技术。有兴趣的可以看《兼容多浏览器的Div高度自动伸展的效果》《如何解决Firefox检测不到div高度问题 》这两篇文章。