HTML之间的区别；溢出：自动"；及；溢出：滚动“；

在研究

overflow

属性的值时，我遇到了这两个值：

auto

和

scroll

，这两个值在内容溢出元素时会添加滚动条

---

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

当任何内容被剪辑时，Auto只会显示一个滚动条

---

然而，滚动始终会显示滚动条，即使所有内容都适合，并且您无法滚动它。

溢出：滚动将隐藏所有溢出的内容，并导致滚动条出现在相关元素上。如果内容没有溢出，滚动条仍然可见，但被禁用

溢出：auto
非常类似，但滚动条仅在内容溢出时出现

对此也有类似的解释，并用一些屏幕截图来说明这一点。
看一看

当且仅当内容溢出时，Auto将显示滚动条；但是scroll将始终显示滚动条，无论内容是否溢出。
在答案中添加一个点，
溢出：当容器的位置为绝对位置时，auto
在IE7中不起作用。但是设置
Overflow:scroll
works
Overflow:scroll将同时显示水平和垂直滚动条，即使您不需要其中一个滚动条。而overflow:auto将显示div所需的滚动条。因此，基本上自动将帮助您摆脱这两个scollbar。
以下是更多内容：

在Windows中，溢出：滚动始终显示滚动条，溢出：自动仅在内容溢出时显示滚动条。在macOS中，如果内容溢出，overflow:scroll和overflow:auto将始终显示滚动条。在铬中测试。我强烈建议使用overflow:auto，因为它的工作方式相同，在windows中不会产生问题
至少在最新版本的Safari上似乎没有什么不同：即使使用了
滚动
，如果内容合适，我也看不到滚动条。但是，为了安全起见，我选择了
auto
，因为我只想在内容被剪裁时显示滚动条。@MattDiPasquale OS X和Windows以不同的方式显示滚动条。您可能正在Mac上使用Safari，对吗？OS X通常会在您实际滚动之前隐藏滚动条。似乎还有更多区别，
overlow:scroll
会使框变薄：在Safari 12（可能也是早期版本）中，除非滚动条配置为始终显示，
overflow:scroll
和
overflow:auto
在容器足够大以容纳内容时功能相同。欢迎使用堆栈溢出。在提供您自己的答案之前，请务必阅读所有现有答案，以确保您不会重复已经提供的信息。