Html 引导行伪元素用法

我想知道并且不知道引导网格行使用Display:table和content:“”作为其伪元素（前后）的答案。为什么它在那里使用显示表

.row:after,.row:before{
display:table;
}

---

有人能解释一下他们为什么使用

.row:before、.row:after{display:table；}

---

除IE（6/7）外，所有浏览器都支持此功能。它在包含浮动的元素的内容之前和之后生成一个伪元素。设置显示：表格创建匿名表格单元格和新的块格式上下文。这有助于防止页边空白崩溃，并提高现代浏览器与IE（6/7）之间的一致性。

感谢您的回答。无法理解上页边距折叠？表达式折叠页边距表示两个或多个框（可能相邻或嵌套）的相邻页边距（没有非空内容、填充或边框区域或间隙将它们分隔开）组合形成单个页边距。生成的边距宽度是相邻边距宽度的最大值。在CSS 2.1中，水平边距从不塌陷。有关更多信息，请点击此链接，您将清楚---------------->