Css 清除浮动
作者:Allen 来源:Movoin Studio 发布时间:2008-09-15 18:47:00
标签:浮动,css
昨天晚上在家里把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*/
}
0
投稿
猜你喜欢
- 老外真是聪明,这个方法也想得到,有兴趣的不妨试试,但是如果对方的服务器安全搞的很好的话,这个代码也许就不能用了,但不管怎么样,学习一下也是好
- 看lifesinger的《由Kimi找茬想到的》,我想到的:1、 我不同意将“合并付款”定调在“很多卖家都需要”。这个“很多”在卖家里面大概
- 一、问题描述 SQL Plus WorkSheet是一个窗口图形界面的SQL语句编辑器,对于那些喜欢窗口界面而不喜欢字符界面的用户,该工具相
- 前言:HTML5和CSS3的时代到来了,新版2011版淘宝网首页已全部使用HTML5,拥抱变化才是王道。为之漫笔翻译的很好,看了一遍后,感觉
- 平时我们获取事件对象一般写法如下:function getEvent(event) { return e
- 面向对象的程序设计随着程序的设计的复杂性增加,结构化程序设计方法又不够用了。不够用的根本原因是“代码重用”的时候不方便。面向对象的方法诞生了
- 我们大致会在下列几种情况下用到: 一、文件操作(FileSystemObject)<%@ IMPORT
- 首先要声明一点,大部分情况下,修改MySQL是需要有mysql里的root权限的, 所以一般用户无法更改密码,除非请求管理员。方法一使用ph
- 一、密码式给数据库起一个随机复杂的名称,避免被猜到被下载,这种方式在以前很流行,因为大家都对自己的代码很有自信。但随着错误提示对数据库地址的
- MySQL从5.1开始支持event功能,类似oracle的job功能。有了这个功能之后我们就可以让MySQL自动的执行数据汇总等功能,不用
- 新闻、文章系统中经常会用到的一个功能,添加上一篇,下一篇或相关文章的功能可以增加访客停留的时间。也许新人在做这上一篇、下一篇功能时使用的是I
- 想必每个DBA都喜欢挑战数据导入时间,用时越短工作效率越高,也充分的能够证明自己的实力。实际工作中有时候需要把大量数据导入数据库,然后用于各
- 我们在平常的系统开发中常常会遇到像无限级分类这样的树型结构数据,现提供一个可用的数据库存储过程,可以完成树型结构数据的排序。环境:windo
- 阅读上一片:微软建议的ASP性能优化28条守则(1)技巧 3:将数据和 HTML 缓存在 Web 服务器的磁盘上有时,数据可能太多,无法都缓
- js关于 byval 与 byref 二者区别: byval 传递数值,实参和形参分处不同的内存单元,互不干扰! byref 传递地址,实参
- 平面设计 常用尺寸 三折页广告 标准尺寸: (A4)210mm x 285mm普通宣传册 标准尺寸: (A4)210mm x 285mm文件
- 在ASP输出页面只是调出数据库里内容展现给用户看没有使用SESSION等动态属性,是可以CACHE的,以加快访问速度具体操作方法如下:在as
- 月份转换到中文Function MonthToCH(TheMonth) Dim mm mm=split("一,
- 调用数据库存储过程见下:<%Set Dataconn = Server.CreateObject(&qu
- 两年前发表的《The visual design of Web 2.0》中提到“Rounded everything”,圆角因使人感觉舒适的