Question

http://jsfiddle.net/BCTF9/

我设置了溢出，因为我想限制盒子的高度，并在需要时滚动显示;所以我添加了overflow-y: auto;，因为这通常可以解决问题。但是现在我在示例中的第二个框中看到了水平滚动条，但我不确定为什么？

我尝试添加overflow-x: visible;但它没有用。我不想在这些盒子上设置任何宽度，因为它们只需要是内容的宽度+一些填充。

您还会看到垂直滚动条过早启动，并且不允许填充。

我可以在这做什么？

Answer 1

jsfiddle Demo

有两个原因和解决方法

第二个div中的内容占用太多宽度导致水平溢出，因此增加宽度

而不是overflow-x:visible尝试overflow-x:hidden隐藏水平滚动条即使宽度更高

Answer 2

滚动条正在显示，因为第二个div中有许多项目。尝试删除这些项目，它们就会消失。

Answer 3

Fiddle

.cat_list {
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 200px;
    padding: 10px;
}

替换它

Answer 4

试试这个

CSS

.cat_list{ height:200px;
         background:#e4e4e4; 
         width:200px; 
         overflow:hidden; 
         overflow-y:scroll; 
         overflow-x:hidden;}

HTML

<div class="cat_list"></div>

为什么我在这个div中得到滚动条？

4 个答案: