webkit rtl绝对位置错误?

| 的HTML:
<div id=\"outer\">
    <div id=\"inner\">
    </div>
</div>
CSS:
#outer {
    position: absolute;
    left: 100px;
    top: 0;
    width: 100px;
    height: 100px;
    direction: rtl;
    background-color: blue;
}
#inner {
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: yellow;
}
在Chrome浏览器中,黄色框位于蓝色框的外部。 在其他浏览器(firefox,IE)中,黄色框位于蓝色框内。 这是webkit的错误,为什么? jsfiddle上的一个测试用例: http://jsfiddle.net/QF9tT/     
已邀请:
        您只需从
#inner
中删除
display: inline-block
。 请参阅:http://jsfiddle.net/QF9tT/1/
position: absolute
将强制计算出的
display
block
,因此
display: inline-block
不应做任何事情: http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo   否则,如果\'position \'具有值   \'absolute \'或\'fixed \',此框为   绝对定位,..和显示   根据下表设置。      [inline-block =块] 但是,在这种情况下,这种现象似乎在Chrome中存在问题。 您应该考虑在此处提交报告:http://code.google.com/p/chromium/issues/list 再者,这个问题很容易解决:不要在绝对定位的元素上指定无意义的
display
值。     

要回复问题请先登录注册