如何解决IE7和FF浏览器无法撑开高度的问题
时间:2011-04-24 10:29来源: 作者: 点击:
次
用IE7和Firefox浏览器浏览网页时，经常会看到一些内容跑到内容容器下方的情况，而在IE6中，容器会随着内容的增加自动伸展。如上图所示。
出现这种现象并不是因为IE7和Firefox浏览器中的容器高度不会自动伸展，而是由于某种原因误定义了高度而已。
比如在
|
用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高度问题 》这两篇文章。
(责任编辑：admin) |
织梦二维码生成器
------分隔线----------------------------
