解决浮动造成的高度塌陷问题
何为高度塌陷在这一篇有举例：
https://blog.csdn.net/sherlock9866/article/details/106550098
然后我们讲如何解决高度塌陷问题。
主要有三种方法（例子均使用的是何为高度塌陷那一篇的例子）：
1.给设置高度
2.加个div，样式设置为清除浮动（万能但不最佳）
3.利用伪元素清除浮动（best）
这是高度塌陷的例子：
方法1省略。
方法2：
设置clear类的样式清除浮动：
效果显示：
方法3：
我们给一个clear类的伪元素设置好样式，哪个标签需要清除浮动的时候直接类里加上clear即可，相比法二需要再建一个div的做法更好一些。