html – 如何防止滚动条重叠内容？

概述我有一块预格式化代码(< pre>),它们水平溢出,因此有一个水平滚动条允许用户查看内容. overflow: auto; 然而,在IE7(也许其他IE版本)中,滚动条与我的内容的最后一行重叠(当只有一行内容时,这是特别令人烦恼的). 我已经尝试了列出的解决方案here,但它没有工作. 唯一的解决方案是使用 overflow: scroll; 它向所有我的预格式化部分添加了一个滚动条,这是很糟糕的 我有一块预格式化代码(< pre>),它们水平溢出,因此有一个水平滚动条允许用户查看内容.

overflow: auto;

然而,在ie7(也许其他IE版本)中,滚动条与我的内容的最后一行重叠(当只有一行内容时,这是特别令人烦恼的).

我已经尝试了列出的解决方案here,但它没有工作.

唯一的解决方案是使用

overflow: scroll;

它向所有我的预格式化部分添加了一个滚动条,这是很糟糕的.

注意：它可以在firefox 3和Google Chrome中正常工作.

更新

我找到了一个解决方案(参见我的答案),但是如果有人找到了一种在ie7中的每个预格式化部分中没有丑陋填充的方法,那将是完美的.

解决方法 在发布问题之后,我想到检查stackoverflow是否处理(它是做什么的).

我看了一下样式表,发现这个：

padding-bottom: 19px!ie7;

(好吧,他们使用20px,但是19看起来更好).

它为ie7添加了一个底部填充,这使得每个预先格式化的部分没有滚动条看起来有点奇怪,因为巨大的填充,但至少我可以看到内容(它也看起来很奇怪的stackoverflow).

对不起,提问太快了.

总结

以上是内存溢出为你收集整理的html – 如何防止滚动条重叠内容？全部内容，希望文章能够帮你解决html – 如何防止滚动条重叠内容？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。