javascript - 溢出时不显示垂直滚动：自动

Question

您好我有一个垂直滚动没有显示在容器中的问题overflow:auto。问题是容器的高度与内容的高度完全相同，但内容的宽度更大，所以出现了水平滚动，这应该迫使垂直滚动也出现，但事实并非如此。有任何想法吗？

这里是一个代码笔，因为一个例子比文字更好。

https://codepen.io/xmorelll/pen/yLbObdJ

标签： javascripthtmlcssscroll

Answer 1

我在 chrome 和 firefox 浏览器上尝试此代码。问题是不同的浏览器可能对此有不同的实现。在 chrome（版本 91.0.4472.114，Linux）中，容器为 485px，但在 Firefox 中，其宽度为 500px。在我的 Firefox 浏览器（版本 89，Linux）中也可以看到垂直滚动。当我在 chrome 中更改容器类的 CSS 属性时，它显示垂直滚动。基本上， (overflow: auto) 将在内容超出父级的宽度或高度时显示滚动。