背景在内联块上溢出边界1 1px，方向为:ie8-10 pre1中的rtl。

Question

Internet版本8至10预览中的，当内联块div获得"direction: rtl;“属性时，它的背景将溢出1 1px，超出右侧边框。

下面是一个Jsfiddle演示：http://jsfiddle.net/8KgvB/6/ (创建这个演示本身就让人头疼，因为IE不喜欢Jsfiddle，反之亦然，但这完全是另一个故事)

显然缺乏内联块功能的IE7没有这个问题，即使使用缩放:1 hack。

，这是个bug吗？还是我错过了什么？，也许有人有办法解决。

谢谢!

Answer 1

愚蠢的IE..。面膜

这里有一个"修复“，用于IE中的这个明显的bug。您只需使用带有rtl属性的包装器。

编辑

我被告知，仅仅发布一个链接并不是一个好主意，所以下面的代码也是：

div.outer {
    border:1px solid black;
    line-height:60px;
    width: 100px;
    text-align: center;
    display:inline-block;
    background-color: red;
}

div.inner {
    direction:rtl;
}