父容器高度塌陷的三种解决方法

1.overflow:hidden

2.利用伪元素

div::after {
    display: block;    
    content: "";
    clear: both;
}

3.添加一个div

<style>
    .cf {
        clear: both;
    }
</style>
<div>
    .......
    .......
    <div class="cf"></div>
</div>