孩子在DIV上的位置与RTL方向

Question

我正在创建一个自定义标记框，显示在我的网站的图片中。

框底部有一个搜索栏，用户可在其中搜索标签。 下面有一个DIV显示了用ajax收到的搜索结果。我需要 它的方向设置为RTL，使滚动条显示在左侧。 但正如你在图片中看到的那样，右侧总是有一个额外的空白区域，尽管没有边距设置。问题出现在chrome中。在Firefox中工作正常！

我不能在这里包含完整代码，但jsfiddle上有一个简单的例子：jsfiddle.net/XP3Hc /

Answer 1

如果我理解正确的问题，你想要删除右边的空格。

更改为：

*{
    margin:0;
    padding:0;
}

.container{
    width: 378px; 
    height: auto; 
    float: right; 
    margin-top: -1px;
    background-color: #fff;
    border: solid 1px #999;
    max-height: 200px;
}
.container div{
    width: 100%;
    direction: rtl;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 30px;
    background-color: #999; 
}

<强> DEMO