几周前，我在另一台机器上创建了一个Web应用程序（Ubuntu上的Chrome）第一次，惊恐地看着出现在我所有溢出容器中的滚动条。我做了一个心理笔记，稍后修复它，但由于我在平时的机器上查看网站时看不到这个问题，我很快就忘了。我只是在我偶尔使用的另一台机器（Mac上的Chrome）上查看它，滚动条混乱又回来了。然而，当我在我现在使用的机器上查看我的Web应用程序时，滚动条的行为符合预期。下面是演示的图像。
第一个是我当前机器的屏幕截图，是一个带有overflow: scroll的聊天框：

相同的聊天框，相同的代码，相同的浏览器，但在我的另一台Mac上：

看看那些丑陋的东西。就像我的浏览器回到了10年前。两台机器都有相同版本的Chrome（58.0.3029.110（64位）），但不同版本的Apple OS（工作的是Sierra 10.12.4，非工作的是El Capitan 10.11.5）。这个滚动条行为在Ubuntu机器上也能看到。2请注意，滚动条在两台机器上都能像预期的那样在Firefox中工作。
编辑
为了演示预期的效果，下面是一张垂直滚动条的图片，它只在工作机器上滚动时才出现：