正常显示:
<div class="parent">
safasdasd
<div class="child">aaa</div>
</div>
.parent {
height: 400px;
width: 400px;
background-color: blue;
/* overflow:hidden*/
}
.child {
height: 100px;
width: 100px;
background-color: brown;
/* float: left;*/
}
添加浮动(style样式里注释代码)后:
子元素浮动,父元素高度塌陷
解决方法-给父元素设置overflow:hidden(style样式里注释的代码),即可解决