padding-top 导致滚动条底部在 FF 中消失
我在 HTML 页面中配置了以下 DIV：
<div id="contentDiv" style="padding-top: 20px; padding-left: 20px; overflow: auto; height: 100%;" >
内容足够大，需要垂直滚动条。 在 IE 中，页面看起来不错。然而，在FF中，滚动条的底部溢出页面底部的量是padding-top设置的量（即20px）。有没有办法在 FF 中保留 padding-top 并显示完整的滚动条？谢谢。
I have the following DIV configured in my HTML page:
<div id="contentDiv" style="padding-top: 20px; padding-left: 20px; overflow: auto; height: 100%;" >
The content is large enough that a vertical scrollbar is required.
In IE, the page looks fine. However, in FF, the bottom of the scrollbar overflows off the bottom of the page by the amount the padding-top is set (i.e. 20px). Is there a way to keep the padding-top and have the full scrollbar display in FF? Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果IE版本低于8没关系，可以使用 box-sizing: border-box< /a> 在块尺寸中包含填充。
If IE versions lower than 8 do not matter, you can use box-sizing: border-box to include padding in block dimensions.