如何通过css清除浮动保持表格高度

坦白说，要清除表格浮动并保持高度，最推荐的方法是使用伪类::after和Flex布局。

1 . Pseudo class::after: 简单，不改变 HTML，兼容性好。
2 .灵活布局：现代方法，无需处理浮动，更加灵活。

附加元素过于复杂，不推荐。
由您决定哪一个最适合您的项目。

css清除浮动常用方法分析

上周我告诉过你们驱逐游泳者的事情。

游泳会引起问题。

父容器大大减少。

如何解决？
有几种方法。

1 .明确的属性。

添加一个空 div。

当然：两者都有。

简单。

但是，添加了一个无意义的标签。

语义不好。

2 ::在伪元素之后。

推荐这个。

添加一行 CSS。

内容：“”。

显示：块。

当然：两者都有。

不更改 HTML。

干净。

旧版IE必须兼容。

用一个冒号书写。

3 触发 BFC。

BFC不会崩溃。

溢出：隐藏。

或显示：flow-root。

现代写作风格。

但低版本的IE不支持flow-root。

其他触发方式有影响。

4 弹性/网格。

直接使用布局。

无需悬停。

从根本上解决问题。

现代设计。

适合复杂的布局。

总结一下。

短期使用::之后。

兼容性好。

现代使用 Flow-Root。

或者直接Flex/Grid。

着眼长远。

使用 Flex/Grid。

更高效。

算了。