关于div高度自适应的问题

今天又有一个小朋友问我关于div高度自动的问题，我再总结一下。

首先说问题的原因：

出现高度不自动撑大的问题，是因为div里面的元素使用了float。因为是浮动的所以不占空间，所以自然就不会撑大了。

然后来说解决办法

既然知道了是浮动造成的。那么就应该有两个解决办法

1、给父元素加上高度值。

缺点、这个告诉是固定值，如果浮动元素的内容变化，不能自适应。

2、给父元素的最后加上一个div。

<div style="clear:both;"></div>把这个放在父元素里面。放在父元素</div>之前就可以了。

3、给父元素加上一个样式

    overflow:hidden;

这样就能自适应了。

好多初学者总会遇到这个问题。给初学者一个总结。好多问题就是一个小技巧，知道了就会了。