溢出自動在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如何表現相同的填充和高度值。如果您在任何瀏覽器中增加或減少您的最大高度，您可以輕鬆滾動到最後一個項目。