float图片越父容器的下届的问题

dangk

1. 
   
2. <div id="container" style="background: #aaaaaa">
   
3.     <div id="img" style="float: left"><img src="src" alt="alt"/></div>
   
4.     <div id="content">xxxxx</div>
   
5. </div>
   

复制代码

这样的一个html片段,由于图片高度大于文字高度,图片会从container越界, 这样背景色以及其他相关的样式都无法显示出来. 我现在的做法是给content加上高度等于图片高度, 不过这样显然需要获取高度并且写入inline的style.
请问有没有什么办法可以自动调节container的高度,可以让他float的图片包含在内,谢谢.