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

至尊明帅 — Tue, 13 Jul 2010 07:09:02 +0000

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

同样，设计网页时也可能会出现这种情况（IE内核）

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

/* 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

紫禁城 » CSS