Chrome问题：通过拖动滚动overflow-x元素

Question

作为title.Below是win7 / Chrome27 / IE9 / FF22中的测试。

式：

.outer{
    width : 400px;
    height: 400px;
    overflow: hidden;
    overflow-x : hidden;
    overflow-y : auto;
}

.inner{
    border-left:400px solid red;
    border-right: 400px solid green;
    height: 600px;
    text-align: center;
    line-height: 400px;
}
</style>

HTML：

    <div class="outer">
        <div class="inner">
        </div>
    </div>

在IE / FF中只能看到左侧的红色部分。

但是在Chrome中，内部元素可能会拖到右侧。这是一个问题吗？怎么避免呢？

正常（即/ FF）：

非规范（铬）：

jsfiddle：http://jsfiddle.net/LULDC/

Answer 1

添加溢出：y;到你的.inner课程

.inner{
    border-left:400px solid red;
    border-right: 400px solid green;
    height: 600px;
    text-align: center;
    line-height: 400px;
    overflow:y;
}

http://jsfiddle.net/LULDC/

点击并拖动不再滚动！