DIV中的滚动条

Question

如果显示任何滚动条，我需要显示两个滚动条。有没有办法做到这一点

现在我正在使用下面的一个，它只显示在一个方向上。我不应该限制使用高度或最大高度属性。

.AutoOverflow {
    overflow:auto; 
}

Answer 1

overflow: auto 将 同时显示滚动条 ，如果 。

这就是你的困惑所在。在不查看标记和其他相关样式的情况下，内容似乎不需要两个滚动条，因此只显示垂直标记。

这是因为，默认情况下，内容会换行，除非明确告知不要这样做。像table这样的元素尝试缩小比例，除非明确告知不要。如果您的表格内容超出宽度，您也会看到水平滚动条。如果您的内容没有换行，您将看到水平滚动条。

演示：http://jsfiddle.net/abhitalks/4wWNU/4/

CSS ：

div {
    border: 1px solid gray;
    height: 100px; width: 200px;
    overflow: auto;
}

div#d2, div#d3 {
    white-space: nowrap;
}

div#d4 > table {
    width: 150%;
}

在上面的小提琴中，请注意每个div：

在第一个中，内容是简单的文本，默认情况下包装，因此只有垂直滚动条。

第二，内容被强制不使用white-space: nowrap;换行，并且只能看到水平滚动条。

第三，内容（文本）被强制不包装，但有多个p，因此一旦溢出，你会看到两个滚动条。

第四，有一个超过容器宽度的表，因此你会看到两个滚动条。尝试删除表格上的宽度，您将看到表格试图缩小，因此只有垂直滚动条。