Css 清除浮动
作者:Allen 来源:Movoin Studio 时间:2008-09-15 18:47: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*/
}
标签:浮动,css
0
投稿
猜你喜欢
Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS
2008-05-29 13:34:00
微软工程师讲解SQL server阻塞
2008-01-05 14:02:00
十“问”DreamWeaver
2007-02-03 11:39:00
swfupload上传使用代码说明ASP版
2011-11-27 09:34:32
带你深入了解数据库设计中的英文术语表
2008-12-09 14:53:00
Web标准下该如何“插入”图像
2008-03-17 13:01:00
在TABLE中模仿excel的单元格移动
2007-12-22 12:03:00
纯CSS制作的网页中的lightbox效果
2007-11-06 18:59:00
Oracle入侵常用操作命令整理
2009-03-04 11:11:00
asp统计在线人数是实时的吗?
2010-07-14 21:07:00
用一个案例讲解SQL Server数据库恢复
2008-11-28 14:17:00
前端开发中一些常用技巧总结
2010-07-18 13:13:00
MySQL数据库管理必备工具 phpMyAdmin 3.0
2008-12-10 14:12:00
后台程序开发常用jQuery插件
2010-04-06 12:11:00
浏览器发送URL的编码特性
2007-10-12 20:51:00
asp如何在线更改密码?
2010-06-26 12:22:00
网页打开速度的心理学
2009-03-26 13:18:00
用伪类:hover实现提示效果
2008-05-29 12:59:00
asp如何调用DLL来加快服务器的执行速度?
2009-11-15 20:07:00
Jmail发信的实例,模块化随时调用
2007-09-27 13:35:00