html - 奇怪的行为：显示表格+伪元素之后

Question

当我在元素上应用:after伪元素 时，我注意到一个奇怪的现象，display:table如您在此处看到的：http: //jsfiddle.net/rKzNv/1/

伪元素可能表现得像一个表格单元格，但它不应该这样做。

你有什么主意吗？这是一个错误吗？谢谢！

Answer 1

来自MDN - ::after (:after)

CSS :after 伪元素匹配所选元素的虚拟最后一个子元素。

So.table:after匹配 的虚拟子代，div.table它被允许充当表格单元格。

当您替换为时，行为会发生display: table-cell;变化display: table-row;

http://jsfiddle.net/rKzNv/2/