表格单元格中的:: after位置在Firefox中不起作用？

Question

以下代码应创建一个伪元素，该元素跨越其父元素宽度的100％。但是这不适用于Firefox，它可以在Chrome中运行。 Firefox似乎忽略了.parent的{​​{1}}。这是一个错误吗？

HTML

position:relative

CSS

<div class="parent">

</div>

Live demo

在 chrome 中查看此图片

现在在 firefox

中看到此结果

---

Answer 1

如果可能，请将display:table-cell更改为block或inline-block以修复此错误。或者，将父级position:relative更改为absolute。

Answer 2

给width

  .parent:after{
      left:0;
      content:'';
      right:0;
      top:10px;
      width:100px;
      height:20px;
      background:green;
      position:absolute;
}