div套div 里面div有浮动 外面div自适应高度

<div style="background-color:red;">
　　<div style="float:left;background-color:blue;width:100px;height:100px"></div>
　　<div style="float:left;background-color:green;width:200px;height:200px"></div>
　　<div style="clear:both;"></div>
</div>

网上查了好多，好多都是在最外层div做改动，发现一个最简单的方法，只要在内层div里加清除浮动即可，最关键的是<div style="clear:both;"></div>。