div css float浮动用法(left right)

<style>
.divcss5{ width:400px;padding:10px;border:1px solid #F00} 
.divcss5_left{ float:left;width:150px;border:1px solid #00F;height:50px} 
.divcss5_right{ float:right;width:150px;border:1px solid #00F;height:50px} 
.clear{ clear:both} 
</style
<div class="divcss5">
     <div class="divcss5_left">布局靠左浮动</div> 
     <div class="divcss5_right">布局靠右浮动</div>
     <div class="clear"></div><!-- html注释：清除float产生浮动 --> 
</div>