原因：
浮动的元素会脱离文档流，造成父元素高度塌陷
1、将父级也设置成浮动
缺点： 父级的父级也需要浮动
2、父级设置为absolute
缺点： absolute也是脱离文档流的
3、父级设置高度
缺点：不够灵活，子元素高度不固定就需要更改
4、末尾增加空元素
缺点：增加了多余标签，增加了页面的渲染负担
5、父级设置overflow:hidden|auto，触发BFC
缺点：英文文本过长会隐藏的情况
6、添加伪元素
.box::after {
content: ' ';
height: 0;
display: block;
clear: both;
}