html代码
第一种子元素浮动：
第二种子元素不浮动：
样式
<style>
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
*html .clearfix{height:1%;}
*+html .clearfix{height:1%}
.clearfix{display:inline-block}
.clearfix {display:block;}
.clear{clear:both;height:0px;overflow:Hidden;display:block;} /**添加浮动标签末尾**/
.main{width:400px;}
.fl{float:left;width:200px;background:#ccc;}
.fr{float:right;width:200px;background:#ddd;}
</style>