广汽长丰配资

老鼠哥|网络站长门户网,PHP工程师,PHP教程,PHP100,PHP源码,PHP程序员
  • 老鼠哥网络站长门户改版新上线
  • 欢迎您老鼠哥网络门户网
  • 老鼠哥网络站长门户改版新上线
  • 欢迎您老鼠哥网络门户网

清除浮动最简单的新方法

出处:老鼠哥站长网 作者:老鼠哥 日期:2013-02-06 06:54 浏览:次
清除浮动对网页制作者们并不陌生,而且是经常用到的,在前面的一些文章中我也介绍过一些粗劣的方法。 网上对于这个问题的解决方

清除浮动广汽长丰配资对网页制作者们并不陌生,而且是经常用到的,在前面的一些文章中我也介绍过一些粗劣的方法。

清除浮动最简单的新方法[点击放大]

网上对于这个问题的解决方法也是参差不齐,不过最近看了葵中剑配资公司 清除浮动的文章,认为他的做法算是最妥当的,所以介绍给大家。

广汽长丰配资 在文章中,他指出慎用overflow。的确,有的时候overflow:hidden会造成一些问题,所以要尽量避免使用overflow。

而清除浮动的难点就是要兼容多浏览器,safari、chrome、firefox、IE缺一不可,而且代码还要精简。最后的优化方案有两个:

优化方案一:
    .clearfix:after{clear:both;content:"\200B";display:block;height:0;} 
    .clearfix{*zoom:1;}
Unicode字符里有一个“零宽度空格”,即 U+200B,代替原来的“.”,可以缩减代码量。而且不再使用visibility:hidden。

优化方案二:
  /* For modern browsers */ 
    .clearfix:before, 
    .clearfix:after {content:"";display:table;  }  
    .clearfix:after {clear:both;}  
    /* For IE 6/7 (trigger hasLayout) */ 
广汽长丰配资     .clearfix{zoom:1;}

广汽长丰配资 这两段代码经过测试,在Firefox下工作的不错。

顶一下
(0)
0%
踩一下
(0)
0%
最新评论
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片

广汽长丰配资