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

我有一块预格式化代码(< pre>),它们水平溢出,因此有一个水平滚动条允许用户查看内容.
overflow: auto;

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

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

唯一的解决方案是使用

overflow: scroll;

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

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

更新

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

解决方法

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

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

padding-bottom: 19px!ie7;

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

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

对不起,提问太快了.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些