css - margin-top 不适用于 :before

Question

我已经使用类的 :before 伪元素插入了内容。我试图使用 margin-top 定位此内容，但 firefox 只是忽略了该属性。代码如下:

.bef {
  line-height: 2em;
  white-space: nowrap;
  font-size:24px;
  display: block;    
  }

.bef:before {
  display: block;
  margin-top:2em;
  padding: 0;
  color: #666666;
  content:"Hello";    
  }

有人知道为什么 Firefox 会忽略 margin-top 属性吗？

编辑:尽管 margin-top 被完全忽略，但 margin-bottom:-Xem 正在工作，我能够移动 :before 元素

Answer 1

看来 Darko Z 是对的。

http://jquery.nodnod.net/cases/577

假设，前两个测试用例(由 <hr> 分隔)应该呈现相同，它们在 Gecko 中(通过 FF3.5/Mac)呈现相同，但 Webkit(通过 Safari4/Mac)呈现 :before和 :after段作为内联。第三个测试用例似乎暗示 Webkit 当前需要阻止触发元素，以便阻止生成的内容。

规范并不清楚正确的行为是什么。可能值得在 www-style 上提出一个问题，看看哪个渲染引擎的行为是正确的，然后提交错误渲染引擎的错误，以便在未来的版本中修复它。请随意使用我的代码作为测试用例。