其实清除浮动不只是overflow这么简单,我是说,还有很多其他的办法!Firefox刚出来那会,好像特别风靡:after{},这当然是最合理的解决办法,可也同时产生了很多代码,加上照顾IE的情绪,又得多十几个字,很不划算!还有就是换行符br,这家伙很厚道,你可以用CSS来清除浮动,也可以用它自带的HTML属性来清除浮动,而且很管用。可问题是,一路下来完美的结构,突然被这多余的换行符给打破了,岂不是很不划算?考虑着用用吧。而今天,我才发现IE不傻,我是说,傻人有笨办法。一直都只记得zoom:1可以用来弥补IE的定位不足,今天才知道,原来对付浮动,它也很管用。不过目前是没空测试了。
关于这个问题一直都想有感而发,今天是逮着机会了,感来源于ISD Webteam的一片专题日志。下面是关键内容,具体可以过去看看详细内容。
- 清除浮动的几种方法
采用伪类:after进行后续空制的高度位零的伪类层清除
采用CSS overflow:auto的方式撑高
采用CSS overflow:hidden的方式产生怪异适应
采用display:table将对象变成table形式
采用div标签,以及css的clear属性
采用br标签,以及css的clear属性
采用br标签,以及其自身HTML的clear属性
这里有DEMO。如果你有什么独到的见解,欢迎评论提出!








已有人对此文发表了评论