导读：在我们布局的时候经常会遇到一种情况就是一个div下面放了两个div，这两个div使用了float浮动后，父层div的高度不跟着两个子div的高度变化，始终是一个字符的高度。问题截图：造成...
在我们布局的时候经常会遇到一种情况就是一个div下面放了两个div，这两个div使用了float浮动后，父层div的高度不跟着两个子div的高度变化，始终是一个字符的高度。
问题截图：
造成这种情况的原因是两个子div使用了float浮动属性，解决方法有两种：
1、给复层div加overflow:auto;属性即可，效果截图：
2、新建一个.clear{ clear:both}类，在kid2div下面加入<div class="clear"></div>清除一下浮动即可：
