子容器高度不为0而父容器高度为0

1.背景
最近在开发过程中，遇到了这么一个很奇怪的现象，在浏览器中打开开发者工具，查看元素时，发现当前元素的高度为0，但是查看它的子元素时，发现其子元素的高度并不为0，非常奇怪，最后还是通过网络解决了这个问题，在这里记录一下。

2.产生原因
是因为子元素设置了浮动，设置浮动之后是无法撑开父元素的。