div+css布局中父层div高度不随子div高度变化的解决方法（clear属性使用方法）

在我们布局的时候经常会遇到一种情况就是一个div下面放了两个div，这两个div使用了float浮动后，父层div的高度不跟着两个子div的高度变化，始终是一个字符的高度。

问题截图：


造成这种情况的原因是两个子div使用了float浮动属性，解决方法有两种：

1、给复层div加overflow:auto;属性即可，效果截图：



2、新建一个.clear{ clear:both}类，在kid2div下面加入<div class="clear"></div>清除一下浮动即可：




扫一扫上方二维码关注我们，可获得更多资讯！