css - firefox 中的自动溢出不显示滚动时溢出的所有内容

Question

我目前正在为移动客户端开发一个固定的导航菜单。我注意到在 Firefox 中，当您设置 overflow-y: auto 和 div 上的最大高度时，它将在 Chrome 和 Safari 中显示整个 div，但在 Firefox 中，底部内容永远不会显示。我创建了一个代码笔来展示我的意思。在 Chrome 中尝试滚动到最后一项(字面意思是“最后一个”)，您可以找到它，但在 Firefox 中尝试做同样的事情却做不到!

http://codepen.io/acha5066/pen/oXyXZz

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

有人知道是什么原因造成的或如何解决吗？

Answer 1

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