让DIV内部内容撑开外层的div方法

1.今天遇到一个DIV设置的问题，因为外层的DIV（a）没有设置高度，想弄成自适应的，在外层DIV的下面添加的其他DIV（b）节点会因为DIV（a）没有设置高度而浮到上面去，跟DIV（a）的内容重叠在一起，找到的一种解决办法是：

在DIV（a）的内部最下面加入随便一个标签，style属性设置成这样：

<br style="clear:both;">

就可以解决问题了

demo：

<div id="a" style="height:auto;">
  <!--内容-->
  <br style="clear:both;"><!--这里添加这个样式的标签，就可以解决-->
</div>

<div id="b">
 <!--内容-->
</div>