【WordPress】WP-CodeBox-水平滚动条导致高度问题

CodeBox当代码过长时底部会出现一个水平滚动条,可这样导致高度计算错误,垂直方向也出现了一个滚动条,这本也不是什么大不了的事。
关键就在于如果只有一行代码,那这行代码就看不到了(不信你可以试试,长度只要超过页面宽度就行)

同样,设计网页时也可能会出现这种情况(IE内核)

解决方法:
1.进入后台,编辑插件,(Plugins – Editor)
(也可以用ftp软件编辑、下载下来编辑好再上传、通过WebShell编辑等)
2.打开codebox.css文件
3.找到

1
2
3
4
/* codebox */
.wp_codebox  {
……
}

4.将

1
overflow: auto;

修改成:

1
2
3
overflow-x: auto;
overflow-y: hidden;
padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);

5.保存修改

搞定,刷新页面可看到变化。
注意:笔者写这篇文章时,WP-CodeBox最新版本为1.4.3