float引起层飘出父层的解决方法

1.加clear空div

　　.clearfix:after {

　　content: “.”; display: block;

　　height: 0;

　　clear: both;

　　visibility: hidden;}

　　.clearfix {display: inline-block;}

　　/* Hides from IE-mac \*/

　　* html .clearfix {height: 1%;}

　　.clearfix {display: block;}/* End hide from IE-mac */

　　.clearfix {

　　display: block;

　　margin: 0px;

　　clear: both;

　　padding: 0px;

　　visibility: hidden;

　　background-color:#666666;

　　border:0px none #FFFFFF;

　　}

　　.clearfix:after { height: 1px;}

　　使用方法：

　　在所有浮动层之后加上这个层

　　<div class=”clearfix”></div>

　　2.把背景层加浮动，但是这个方法会影响其他的div，有时候好用。

　　3.加 overflow 这个也有问题，会影响div的外观。