html - 如果内容小于限制，如何将滚动条添加到我的 HTML 中消失

Question

我正在尝试创建一个具有可扩展小部件的表单。问题是，当小部件打开时，表单超出了内容框中的限制，看起来很糟糕。

我尝试使用overflow:scroll，但它创建了 2 个丑陋的滚动条，即使内容小于内容框，它们也不会消失。我只需要一个垂直滚动条。

Visual Studio 还警告在 CSS 中没有溢出-y。

Answer 1

将溢出更改为auto并定义元素的高度和/或宽度。

Answer 2

overflow-x并且overflow-y是 CSS3 提案的一部分，适用于四大浏览器的所有当前版本。

我通常这样做：

overflow: auto;
overflow-x: auto;
overflow-y: auto;

原因是有时浏览器会在内容向一个方向溢出时立即将overflow: auto其视为（两个丑陋的滚动条），但那些浏览器已经支持and ，它具有优先权。overflow: scrolloverflow-xoverflow-y

Answer 3

Swilliams 就如何治疗这种症状给出了很好的答案。但是，您可能也想考虑根本原因 - 如果内容框没有被限制为固定大小，它可以缩小和/或扩展以适应任何大小的形式，而没有滚动条。网页在设计上是灵活的，并且试图“修复”这种灵活性通常最终会遇到此类问题。