个回答

• Groune

  2015-05-18 12:29:15

  清除浮动的原理就是生成Block Formatting Context（"块级格式化上下文"）从而撑开被浮动影响的元素。

  生成BFC的方法有：
  

  1、根元素

  2、float属性不为none

  3、position为absolute或fixed

  4、display为inline-block, table-cell, table-caption, flex, inline-flex

  5、overflow不为visible

  虽然没看到你的代码，但是你把overflow去掉了也就不能清除浮动了。

  贴一下网上最新的清除浮动的代码

  .mainBox{width:960px;}
  .leftBox{width:640px;height:300px;float:left;}
  .rightBox{width:210px;height:300px;float:right;}
  .clearfix:after { 
      content:"\200B"; 
      display:block; 
      height:0; 
      clear:both; 
  } 
  .clearfix {*zoom:1;}/*IE/7/6*/ 
  
  
  
  <div class="mainBox clearfix">
      <div class="leftBox">lffflf</div>
      <div class="rightBox">riririr</div>
  </div>

  想深入了解的百度“clearfix清除浮动进化史”。

  0