css - 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"> 的任何父元素的宽度、最大宽度或最小宽度属性所致。您可以通过检查和覆盖该宽度属性或按如下方式更改您的 css 来轻松解决此问题:

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