伪元素

.container:before,
.container:after {
display: table;
content: " ";
}
这会产生伪元素。设置 display 为 table,会创建一个匿名的 table-cell 和一个新的块格式化上下文。:before 伪元素防止上边距崩塌,:after 伪元素清除浮动。
如果 conteneditable 属性出现在 HTML 中,由于一些 Opera bug,围绕上述元素创建一个空格。这可以通过使用 content: " " 来修复。


.container:after {
clear: both;
}
它创建了一个伪元素,并确保了所有的容器包含所有的浮动元素。

原文地址:https://www.cnblogs.com/zmeieasyjob/p/4220663.html