原文地址:http://zi-jin.com/archives/292
CodeBox当代码过长时底部会出现一个水平滚动条,可这样导致高度计算错误,垂直方向也出现了一个滚动条,这本也不是什么大不了的事。
关键就在于如果只有一行代码,那这行代码就看不到了(不信你可以试试,长度只要超过页面宽度就行)
同样,设计网页时也可能会出现这种情况(IE内核)
解决方法:
1.进入后台,编辑插件,(Plugins – Editor)
(也可以用ftp软件编辑、下载下来编辑好再上传、通过WebShell编辑等)
2.打开codebox.css文件
3.找到
/* codebox */
.wp_codebox {
……
}
4.将
overflow: auto;
修改成:
overflow-x: auto;
overflow-y: hidden;
padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
5.保存修改
搞定,刷新页面可看到变化。
注意:笔者写这篇文章时,WP-CodeBox最新版本为1.4.3
转载请注明:ww12345678 的部落格 | AX Helper » [转]WordPress WP-CodeBox-水平滚动条导致高度问题