当前位置: 网站建设 > 网页设计 > 建站经验 >

比较两种CSS清除浮动的兼容

时间:2013-03-02 04:06来源:未知 作者:admin 点击:

标签:比较两种CSS清除浮动的兼容 兼容(37)比较(17)浮动(33)afte(1).clear(1)CSS(655)清除(13)两种(11)
.clear:after{content:'.';clear:both;display:block;height:0;visibility:hidden;line-height:0}.clear{zoom:1}腾讯微博的.clear跟很多抉择器并列在一起, 每天写出好代码的5个建议 ,如: .clear,.LC,.topicList,.mediaWrap,.cellMod{zoom:1}我和腾讯微博的技巧总监聊过这里能够去掉.LC等其余的取舍器,并在这些类上定义clear的类,这个问题确定是遗留的,不过对
比较两种CSS清除浮动的兼容》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023433H013.htm

.clear:after{content:'.';clear:both;display:block;height:0;visibility:hidden;line-height:0}.clear{zoom:1}腾讯微博的.clear跟很多抉择器并列在一起,每天写出好代码的5个建议,如:

.clear,.LC,.topicList,.mediaWrap,.cellMod{zoom:1}我和腾讯微博的技巧总监聊过这里能够去掉.LC等其余的取舍器,并在这些类上定义clear的类,这个问题确定是遗留的,不过对机能不影响。瑞星一个老资格的前端说是尽量减小html文件,这些大小可以作为代价转移到css文件上,不外我个人感到css简练一些,方式同一一些也是好事。

--> [网站建设之]比拟两种CSS清除浮动的兼容

比方,我在瑞星的名目中始终这样应用:

.clear:after{content:'\0020';display:block;height:0,正确地利用css改进网站的设计;clear:both}.clear{*zoom:1}察看腾讯微博项目,并不是每个浮动必需肃清,然而假如内部元素持续浮动,其外部元素必定定高以防止找不到高度的情形,其扫除浮动的代码如下:

Tag:CSS   清除浮动   兼容     CSS  ,模拟兼容性的 inline-block 属性; 清除浮动   兼容    

比较瑞星和腾讯的清除浮动的代码,有一些地方是不一样的,我在做瑞星的项目时,一开端采用的也是和腾讯一样的方法,在连续浮动元素后面追加'.',这样一来,页面中会呈现大批的'.'字符,所以这种措施必定要定义visibility:hidden的属性。当初的瑞星项目采取的办法是在连续浮动元素后面追加空格(\0020),这样就不需要visibility和line-height属性,模块化CSS 更有效地管理CSS,因空格在页面中是不可见的,而且html代码中的单个空格对页面显示并不会发生影响。在zoom:1的定义上,瑞星的定义只针对了会出问题的IE7和IE6阅读器,腾讯的代码针对所有浏览器,案例总结 如何分析出网站关键字,这里腾讯的代码可能在浏览器针对性上不如瑞星的代码。当然也有可能是为了更多浏览器的兼容,而我还没有研讨到。

清除浮动是连续浮动元素之后的必备工作,在工作中我做到须要消除浮动的处所都要清除。


(责任编辑:网站建设)
比较两种CSS清除浮动的兼容相关文章
上一篇:每天写出好代码的5个建议 下一篇:汇总DIVCSS网页布局及网站设计常犯错误
回到顶部