填充顶导致滚动条的底部消失在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在块维度中包含填充。