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的外观。 

上一个：表格高级使用技巧_把表格进行到底(必看)
下一个：IE对CSS样式表的限制分析与解决方案