css - 溢出怪事

Question

overflow-x 和 overflow-y 的状态是什么？每当我给 overflow 一个值并检查该元素时，浏览器往往会将其拆分为 overflow-x 和 overflow-y。然而，试图明确说明这一点没有任何意义。

例如，在我的数学类(class)页面上:http:math.davehampson.net 成绩选项卡非常宽，我希望它在 <div> 内滚动没有声明高度，所以它向下延伸，我得到一个水平滚动条。

问题是我还得到了一个不需要的垂直滚动条。如果我将 overflow:scroll 更改为 overflow-x:scroll，则什么也不会发生。表格以全宽显示，整个页面滚动。其中，因为 body 是黑色的，所以不会出现。

有没有办法消除这个不活动的垂直滚动条？

谢谢，戴夫

Answer 1

overflow:auto 仅在其中的内容超出分配的空间时才添加滚动条。

因此，如果您只需要水平滚动，请确保内容的高度小于封闭 div 的高度，如果这有意义的话。