解决高度塌陷问题1(子元素浮动，父元素高度塌陷)

正常显示：

<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样式里注释的代码)，即可解决