清除浮动

方法一: 尾部添加元素并clear: both

tip

紧跟在浮动元素的后面添加一个块级元素，并设置clear:both,可以清除浮动，解决父元素高度塌陷

方法二: 触发父容器BFC

tip

触发BFC有很多种方式，比如1、为父元素添加overflow: hidden 或者 overflow: auto; 2、为父元素也设置float(不推荐)

方法三: 利用伪元素

跟方法一类似，在父容器后面添加一个伪元素，并给伪元素设置clear: both

.parentDiv::after {
    content: '';
    display: block;
    clear: both;
}