如何使div自动适应高度？

<style>
.clearfix{zoom:1;}/*自己给自己以及它的子元素定位;自己计算自己的高度不过新的ie和ff以及别的浏览器好像不用它也可以触发了 ie6下好像是需要
*/
/*.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }/*或下面方法*/
.clearfix:after { content: "020"; display: block; height: 0; clear: both; }
#container { background:black;}
#lay1 { background:red; width:100px; float:left}
#lay2 { background:blue; width:200px; height:50px; float:left}
</style>

<div id="container" class="clearfix ">container
     <div id="lay1">content</div>
     <div id="lay2">contenet2</div>
</div>