padding-top导致滚动条的底部在FF中消失

Question

我在HTML页面中配置了以下DIV：

<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在块尺寸中包含填充。