前端之家收集整理的这篇文章主要介绍了
html – 如何防止滚动条重叠内容？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一块预格式化
代码(< pre>),它们水平溢出,因此有一个水平滚动条允许
用户查看
内容.
overflow: auto;
然而,在IE7(也许其他IE版本)中,滚动条与我的内容的最后一行重叠(当只有一行内容时,这是特别令人烦恼的).
我已经尝试了列出的解决方案here,但它没有工作.
唯一的解决方案是使用
overflow: scroll;
它向所有我的预格式化部分添加了一个滚动条,这是很糟糕的.
注意：它可以在Firefox 3和Google Chrome中正常工作.
更新
我找到了一个解决方案(参见我的答案),但是如果有人找到了一种在IE7中的每个预格式化部分中没有丑陋填充的方法,那将是完美的.
在发布问题之后,我想到检查stackoverflow是否处理(它是做什么的).
我看了一下样式表,发现这个：
padding-bottom: 19px!ie7;
(好吧,他们使用20px,但是19看起来更好).
它为IE7添加了一个底部填充,这使得每个预先格式化的部分没有滚动条看起来有点奇怪,因为巨大的填充,但至少我可以看到内容(它也看起来很奇怪的stackoverflow).
对不起,提问太快了.
原文链接：https://www.f2er.com/html/224720.html
