清除浮動的原理就是生成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清除浮動進化史”。