百转千回,万物皆变心不动,任清风自流。

html,css,jQuery,javascript,php,mysql,dedecms,phpcms,wordpress,linux,windows
  首页  :: 订阅 订阅  :: 管理

css清除浮动

Posted on 2012-05-08 08:36  李潇喃  阅读(119)  评论(0)    收藏  举报
div:after{clear:both; content:'.' height:0; visibility:hidden; diplay:block;} 只能清楚ff这样的标准浏览器的浮动,ie不可以,这个方法也不完整,你的clear也不那么完美 .cleardiv{clear:both;*display:inline;overflow:hidden;} .clear{zoom:1;} .clear:after{content:".";height:0;visibility:hidden;display:block;clear:both;} 用法1: <div style="float:left"></div> <div style="float:left"></div> <div ></div> 用法2: <ul> <li style="float:left"></li> <li style="float:left"></li> <li style="float:left"></li> <li style="float:left"></li> </ul>