IE6的overflowauto的不显示滚动条问题

没有用高亮插件的人几乎都用<pre>来显示源代码,为了不让代码撑破布局,都用了overflow:auto,当超过宽度时产生水平滚动条。在FF下一切显示正常,可在ie6下会跟着产生一个垂直滚动条,行数如果少,代码被框在一个很窄的框里,看起来很不方便,用overflow-x:auto可以只显示水平滚动条,但在ie6和ie7下,不管行数多少,最后一行总是这样:

如图所示最后一行总是被遮盖。这里提供了一个好办法,来解决这个问题,修改模板css的pre,代码如下:
pre {
    overflow-x: auto;     /*只显示水平滚动轴*/
    width:95%;       /*这里一定要加个宽度,要不不会auto */
}

* html pre {
    padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 19 : 4);
    /*如果是ie6,加了一个js判断,scrollWidth是实际内容的宽度,offset是显示的宽度*/
}

不过我的解决办法是:
word-wrap:break-word;word-break:break-all;overflow:auto;/*前两个是在IE下单词内断行,然后其他浏览器自动产生水平滚动条*/

我还在用ie6,好像很少人关心ie6的显示问题了,该扔进垃圾堆里了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值