经过研究，我发现Bootstrap添加的伪元素用于clearfix。 Source
但是，它们也会破坏保证金崩溃，这是我经常使用的。 我怎么能还原呢？在Bootstrap的CSS中挖掘时，我发现了这个：
from tkinter import *
from tkinter import ttk
square_1_button=Button(root, image = T4S,borderwidth=0,highlightthickness=0,relief=FLAT)
square_1_button.bind("<Button-1>", play_square_1)
square_1_button.grid(row=2,column=12)
为什么所有这些选择器都有clearfix hack 所有时间？
我每个项目使用浮动大约一到两次，平均值，这是一些非常小的细节。如果我需要浮动.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
，我宁愿将.container类添加到<{em}到clearfix，而不是container自动清除。原因是 - container可能会使我想要的利润率下降;并且container可以在需要时提供clearfix 。
为什么container clearfix，container和container-fluid默认使用clearfix ？已经有row实用程序当你需要clearfix时的类。为什么要自动强行？
如果我将伪元素“clearfix从display更改为table，那么除了折叠边距之外，我的整个布局（在每个屏幕尺寸上）都没有区别。
如何阻止上述类的clearfix？是否从block手动删除CSS是我的最佳选择？
修改 根据Nicolas Gallagher的Micro Clearfix：
仅在使用
bootstrap.css包含子元素的上边距时才需要使用table而不是block。
所以，如果我添加这样的东西：
:before在Bootstrap CSS之后，我会在没有任何令人讨厌的副作用的情况下获得边缘折叠吗？