css - 带有伪元素的 IE8 Bug

Question

关于 CSS :before 和 :after 伪元素，我发现了 IE8 的一个奇怪问题。当您将一个伪元素位置设置为绝对位置而另一个设置为相对位置时，就会出现此问题；请参阅以下示例:

<style type="text/css">
  div:before { content: ""; position: relative; }
  div:after { content: ""; position: absolute; }
</style>
<div>stuff</div>

IE8 崩溃。字面上地。没有错误，没有任何帮助 - 只是可怕的“Internet Explorer 已停止工作”和 Windows 7 尝试重新启动它。需要说明的是，错误发生在切换到IE8浏览器和IE9的渲染模式时。当我在 IETester 的 IE8 页面中加载示例时，没有发生错误。

我会尽快在实际的 IE8 中对此进行测试，但我的问题是:为什么会发生这种情况？这是IE8的错误吗？也许是某种 position 错误的副作用？ IE8 不是应该渲染伪元素吗？

Answer 1

是的，这很奇怪。如果你在 div:before

上设置 float:left;，我就能让它工作