html – 如何防止滚动条重叠内容?
发布时间:2020-12-14 18:54:38 所属栏目:资源 来源:网络整理
导读:我有一块预格式化代码( pre),它们水平溢出,因此有一个水平滚动条允许用户查看内容. overflow: auto; 然而,在IE7(也许其他IE版本)中,滚动条与我的内容的最后一行重叠(当只有一行内容时,这是特别令人烦恼的). 我已经尝试了列出的解决方案here,但它没有工作. 唯
我有一块预格式化代码(< pre>),它们水平溢出,因此有一个水平滚动条允许用户查看内容.
overflow: auto; 然而,在IE7(也许其他IE版本)中,滚动条与我的内容的最后一行重叠(当只有一行内容时,这是特别令人烦恼的). 我已经尝试了列出的解决方案here,但它没有工作. 唯一的解决方案是使用 overflow: scroll; 它向所有我的预格式化部分添加了一个滚动条,这是很糟糕的. 注意:它可以在Firefox 3和Google Chrome中正常工作. 更新 我找到了一个解决方案(参见我的答案),但是如果有人找到了一种在IE7中的每个预格式化部分中没有丑陋填充的方法,那将是完美的. 解决方法
在发布问题之后,我想到检查stackoverflow是否处理(它是做什么的).
我看了一下样式表,发现这个: padding-bottom: 19px!ie7; (好吧,他们使用20px,但是19看起来更好). 它为IE7添加了一个底部填充,这使得每个预先格式化的部分没有滚动条看起来有点奇怪,因为巨大的填充,但至少我可以看到内容(它也看起来很奇怪的stackoverflow). 对不起,提问太快了. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |