Css firefox中的自动溢出不'；不要在滚动条上显示溢出的所有内容

我目前正在为手机客户端开发一个固定导航菜单。我注意到，在Firefox中，当您在div上设置overflow-y:auto和max-height时，它将在Chrome和Safari中显示整个div，但在Firefox中，底部内容永远不会显示。我已经创建了一个代码笔来显示我的意思。尝试并滚动到Chrome中的最后一项（字面上称为“Last”），您可以访问它，但在Firefox中尝试并执行同样的操作，您无法访问

---

有人知道这是什么原因或者如何修复吗？

我认为这是因为firefox和chrome在相同的填充和高度值下的行为。如果在任何浏览器中增加或减少最大高度，可以轻松滚动到最后一项。

请参阅

  max-height: 400px;
  overflow-y: auto;