引导行伪元素的使用

Question

我想知道和不知道Bootstrap Grid行使用显示：表和内容：“”他们的伪元素（之前和之后）的答案。为什么它在那里使用显示表。

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

任何人都可以解释他们为什么使用？

Answer 1

.row：before，.row：after {display：table; }

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