1、父级增加overflow: hidden;

给浮动元素的容器增加overflow:hidden;或overflow:auto;能够革除浮动。
在增加overflow后,浮动元素回到了容器层,把容器高度撑起,达到了清理浮动的成果。

<div class="news">  <img src="news-pic.jpg" />  <p>some text</p></div>
.news {  overflow: hidden;  *zoom: 1;}.news img {  float: left;}.news p {  float: right;}

2、clear:both;

.clear {  clear: both;}

3、CSS的:after伪元素

.clearfix:after{  content: "";   display: block;   height: 0;   clear: both;   visibility: hidden;    }.clearfix {  zoom: 1; }