一般而言，父级元素不设置高度时，高度由随内容增加自适应高度。当父级元素内部的子元素全部都设置浮动float之后，子元素会脱离标准流，不占位，父级元素检测不到子元素的高度，父级元素高度为0。

 

因此，需要给父级加个overflow:hidden属性，这样父级的高度就随子级容器及子级内容的高度而自适应

 

---

更多overflow:hidden用法见 

关于overflow:hidden的作用（溢出隐藏、清除浮动、解决外边距塌陷等等）_Emily-CSDN博客
https://blog.csdn.net/qq_41638795/article/details/83304388