Css 清除浮动
Allen 244 Views
Sep
13
00
昨天晚上在家里把WM设计好的好台界面做成Html，在家里只用IE8和FF做了测试，感觉还行，除了感觉IE8还不成熟，渲染比较慢且不稳定外，标准化的还是很不错的，至少和FF已经差不了多少了。
今天来到公司，用IE7测试一下，汗。。。No Clear。。。竟然发现在FF和IE8中都可以正常使用的清除浮动的CSS竟然在IE7下无效果，无语。。。
到网上搜索IE7 清除浮动，第一篇文章就帮我解决了问题，嘿嘿。。。
FF版清除浮动
.clear_both:after {
display:block;
content:”.”;
visibility:hidden;
height:0;
clear:both;
}
overflow版清除浮动
.clear_both {
overflow:auto;
zoom:1;
}
正如你所见，这个方法很简单，但也有一个小小的问题，大家可别忘了overflow是干什么的，当我们一个容器定义了高度时，问题就出现了，不管是你将overflow的值设为auto或是hidden，这都会是一个问题，因为前者会出现滚动条，而后者则直接隐藏掉了。
那要如何解决这个问题呢？
那篇文章提出的解决方案是 IE7/FF/OP 下可以定义min-height，在IE6及以下版本中直接定义高度
.clear_both
{
height:auto;
_height:200px;
min-height:200px;
verflow:auto;
zoom:1;
_overflow:visible; /*IE6*/
}
