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;} 使用方法: 在所有浮动层之后加上这个层
2.把背景层加浮动,但是这个方法会影响其他的div,有时候好用。 3.加 overflow 这个也有问题,会影响div的外观。