今天又有一个小朋友问我关于div高度自动的问题,我再总结一下。
首先说问题的原因:
出现高度不自动撑大的问题,是因为div里面的元素使用了float。因为是浮动的所以不占空间,所以自然就不会撑大了。
然后来说解决办法
既然知道了是浮动造成的。那么就应该有两个解决办法
1、给父元素加上高度值。
缺点、这个告诉是固定值,如果浮动元素的内容变化,不能自适应。
2、给父元素的最后加上一个div。
<div style="clear:both;"></div>把这个放在父元素里面。放在父元素</div>之前就可以了。
3、给父元素加上一个样式
overflow:hidden;
这样就能自适应了。
好多初学者总会遇到这个问题。给初学者一个总结。好多问题就是一个小技巧,知道了就会了。