填充頂導致滾動條的底部消失在FF

Question

我有以下的DIV在我的HTML頁面配置：

<div id="contentDiv" style="padding-top: 20px; padding-left: 20px; overflow: auto; height: 100%;" > 

含量是足夠的垂直滾動條是必需的大。 在IE中，頁面看起來很好。但是，在FF中，滾動條的底部按照填充頂部設置的量（即20px）從頁面底部溢出。有沒有辦法保持填充頂部並在FF中有完整的滾動條顯示？謝謝。

Answer 1

如果低於8的IE版本無關緊要，則可以使用box-sizing: border-box在塊維度中包含填充。