overflow-x没有按预期工作

Question

我有html喜欢：

<div id="content">
<div id="left" class="some">
</div>
</div>

和css这样：

.some{
overflow-y:auto;  
overflow-x:hidden;
}

但滚动条在x方向显示 也。

Answer 1

此代码在这里工作正常：http://jsfiddle.net/p0qhtgzm/

在我看来，由于<div id="left" class="some">的任何父元素的宽度，最大宽度或最小宽度属性，此滚动条出现，您可以通过检查和覆盖该问题轻松解决此问题width属性或通过更改您的css，如下所示：

.some{
overflow-y:auto;  
overflow-x:hidden;
max-width: 100% !important;
min-width: 100% !important;
}

Answer 2

1301,121: [GC (Allocation Failure) [PSYoungGen: 408960K->352K(409088K)] 1126151K->717559K(1915392K), 0,0093033 secs] [Times: user=0,02 sys=0,00, real=0,01 secs]

现在它应该工作

Answer 3

你需要在主div上定义最小高度

#content{
width:300px;
height:70px;
min-height:200px;
}

.left{float:left;}

.some{
overflow-y:auto;  
overflow-x:hidden;
height:100px;
}