firefox中的overflow auto不会显示滚动时溢出的所有内容

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如何表现相同的填充和高度值。如果您在任何浏览器中增加或减少最大高度，您可以轻松滚动到最后一项。