当前位置:  编程技术>WEB前端

一个老外弄的Clearing floats(清除浮动的方法)

    来源: 互联网  发布时间:2014-09-06

    本文导语:  我常用的都是clear:both;方法,如        今在PlanABC看到另外这种方法,特些记录下来。 div.container {  border: 1px solid #000000; } div.left {  width: 45%;  float: left; } div.right {  width: 45%;  float: right; } 层套关系:container的div包含...

我常用的都是clear:both;方法,如



   

  





今在PlanABC看到另外这种方法,特些记录下来。

div.container {
 border: 1px solid #000000;
}

div.left {
 width: 45%;
 float: left;
}

div.right {
 width: 45%;
 float: right;
}


层套关系:container的div包含left和right

最简单合理的清除浮动的方法(红色粗体部分):

div.container {
 border: 1px solid #000000;
 overflow: hidden;
 width: 100%;
}

兼容情况:IE6 IE7 FF MacIE等

来源地址:http://www.quirksmode.org/css/clearing.html

PS:不过在使用的过程貌似还有小的BUG,淘宝的小马曾碰到过,具体的症状是,IE6中层套清除浮动的div,导致部分链接无法点击。

    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 昨天在书店看到一本《JAVA2入门经典》的书,老外写的,中国电力出版社出版的,有谁看过这本书,能不能给个建议评价。
  • linux command无法撤消mv命令,在linux下没有undo.刚google下,看到老外说的一句比较经典的话。
  • 好东西,老外用正则表达式写的HTML分离函数
  • 看一下老外是怎么招人的


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3