在我们布局的时候经常会遇到一种情况就是一个div下面放了两个div，这两个div使用了float浮动后，父层div的高度不跟着两个子div的高度变化，始终是一个字符的高度。
问题截图：
造成这种情况的原因是两个子div使用了float浮动属性，解决方法有两种：
1、给复层div加overflow:auto;属性即可，效果截图：
2、新建一个.clear{ clear:both}类，在kid2div下面加入<div class="clear"></div>清除一下浮动即可：
扫一扫上方二维码关注我们，可获得更多资讯！
转载于:https://my.oschina.net/jn199/blog/736227