CSS清除浮动的常用方法优缺点分析

<style type="text/css">    
   .div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;}   
   .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px}   
      
   .left{float:left;width:20%;height:200px;background:#DDD}   
   .rightright{float:rightright;width:30%;height:80px;background:#DDD}   
   </style>    
<div class="div1">    
<div class="left">Left</div>    
<div class="right">Right</div>    
</div>   
<div class="div2">   
   div2   
   </div>   

原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题
优点：代码简洁
缺点：高度被固定死了，只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题
建议：不推荐使用，只建议高度固定的布局时使用
评分：★★☆☆☆