【css】清除浮动的几种方式

 1 .news {
 2 　background-color:gray;
 3 　border:1px solid black;
 4 }
 5 .news img {
 6 　float:left;
 7 }
 8 .news p {
 9 　float:right;
10 }
11 <divclass="news">
12 　<imgsrc="/img/news-pic.jgp"alt="my pic"/>
13 　<p>Some text</p>
14 </div>

1 .news {
2 　background-color:gray;
3 　border:solid 1px black;
4 　float:left;
5 }
6 ...

1 .news {
2 　background-color:gray;
3 　border:solid 1px black;
4 　overflow:hidden;
5 }
6 ...

 1 .clear:after {
 2 　content:".";
 3 　height:0;
 4 　visibility:hidden;
 5 　display:block;
 6 　clear:both;
 7 }
 8 <divclass="news clear">
 9 　...
10 </div>

1 .clear {
2 　display:inline-block;
3 }
4 * html .clear {height:1%;}
5 .clear {display:block;}