当我研究overflow属性的值时，我遇到了这两个值：auto和scroll，如果内容溢出元素，它会添加滚动条。
有人可以解释一下他们之间的区别吗？
答案 0 :(得分：152)
自动仅在剪辑任何内容时显示滚动条。
然而，即使所有内容都适合，滚动也会始终显示滚动条，但您无法滚动它。
答案 1 :(得分：11)
overflow: scroll将隐藏所有溢出的内容，并导致滚动条出现在相关元素上。如果内容没有溢出，滚动条仍然可见，但已禁用。
overflow: auto非常相似，但只有在内容溢出时才会显示滚动条。
对此here有类似的解释，并附有一些截图来说明这一点。
答案 2 :(得分：2)
看看CSS Tricks。
当且仅当内容溢出时，自动将显示滚动条;但滚动将始终显示滚动条，无论内容是否溢出。
答案 3 :(得分：1)
在容器的位置为绝对Position relative overflow IE7时，在答案中添加一个点，Overflow:auto在IE7中无效。但设置Overflow:scroll有效
答案 4 :(得分：0)
溢出：即使您不需要滚动条，滚动条也会同时显示水平和垂直滚动条。一会儿，溢出：自动将显示您的div需要的滚动条。因此，基本上auto可以帮助您摆脱两个scollbar的困扰。 这是更多信息：
答案 5 :(得分：-1)
在Windows中，溢出：滚动将始终显示滚动条，而溢出：自动将仅在内容溢出时显示滚动条。在macOS中，如果内容溢出，则溢出：滚动和溢出：自动将始终显示滚动条。在Chrome中测试。我强烈建议您使用溢出：自动，因为它的工作方式相同，并且不会在Windows中产生问题