儿童在具有 RTL 方向的 DIV 上的位置

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