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.jb51.cc/html/224720.html