解决div高度自适应的方法

<div class="main">
  <div class="contain"></div>
</div>

解决办法

<div class="main">
  <div class="contain"></div>
  <br style="clear:both"/>
</div>

感受很神奇..为何clear:both后就可以实现div的高度自适应呢？

clear:both后会清除br两边元素的浮动带来的影响，若是声明为左边或右边清除，会使元素的上外边框边界恰好在该边上浮动元素的下外边距边界之下。