解决浮动造成的高度塌陷问题

何为高度塌陷在这一篇有举例：

https://blog.csdn.net/sherlock9866/article/details/106550098

然后我们讲如何解决高度塌陷问题。

主要有三种方法（例子均使用的是何为高度塌陷那一篇的例子）：

1.给设置高度

2.加个div，样式设置为清除浮动（万能但不最佳）

3.利用伪元素清除浮动（best）

这是高度塌陷的例子：

方法1省略。

方法2：

设置clear类的样式清除浮动：

效果显示：

方法3：

我们给一个clear类的伪元素设置好样式，哪个标签需要清除浮动的时候直接类里加上clear即可，相比法二需要再建一个div的做法更好一些。