解决父元素高度塌陷

高度塌陷

当子元素脱离文档时，父辈高度自适应，造成父辈高度为0，就叫做父辈高度塌陷

父辈高度塌陷的解决办法

1.给父辈元素加上一个高度

2.给父辈元素加上 overflow: hidden;属性

3.在子元素后面加上一个div

div{
clear: both;
height: 0;
overflow: hidden;
}

4.在父辈元素后面加一个伪类 :after

.父元素 :after{
    content:'';
    display:block;
    height:0;
    font-size:0;
    clear:both;
    overflow:hidden;
}