HTML“ overflow: auto”与“ overflow: roll”的区别

在研究 overflow属性的值时，我遇到了这两个值: auto和 scroll，它们在内容溢出元素时添加滚动条。

有人能解释一下他们之间的区别吗？

72587 次浏览
小开
最佳答案

自动将只显示滚动条时，任何内容被剪辑。

然而，滚动条将始终显示滚动条，即使所有的内容适合，你不能滚动它。

小开

overflow: scroll将隐藏所有溢出的内容，并导致滚动条出现在有问题的元素上。如果内容没有溢出，滚动条仍然可见，但已禁用。

overflow: auto非常类似，但滚动条只有在内容溢出时才会出现。

有一个类似的解释，这个 给你，与一些截图来说明这一点。

小开

看看 CSS 技巧。

自动将显示滚动条当且仅当内容溢出; 但滚动条将始终显示滚动条，无论内容是否溢出。

小开

在答案中添加一个点，当容器的位置是绝对 位置相对溢出 IE7时，Overflow:auto在 IE7中无法工作。但是设置 Overflow:scroll是可行的

小开

溢出: 滚动条会同时显示水平滚动条和垂直滚动条，即使你不需要这样或那样的滚动条。而 overflow: auto 将显示 div 需要的滚动条。所以基本上自动将帮助您摆脱两个 scolbar。 以下是更多内容:

Https://css-tricks.com/the-css-overflow-property/

小开

在 Windows 中，overflow: 捲将始终显示滚动条，而 overflow: auto 仅在内容溢出时才显示滚动条。在 macOS 中，如果内容溢出，溢出: 捲动和溢出: auto 将始终显示滚动条。在 Chrome 中测试。我强烈推荐使用 overflow: auto，因为它的工作原理是相同的，并且不会在窗口中产生问题


提交答案