解決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兩邊元素的浮動帶來的影響，若是聲明爲左邊或右邊清除，會使元素的上外邊框邊界恰好在該邊上浮動元素的下外邊距邊界之下。