高度塌陷
当子元素脱离文档时,父辈高度自适应,造成父辈高度为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;
}