解决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两边元素的浮动带来的影响，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。