wp-codebox是一个国人开发的很好用的代码高亮插件。但经过我的使用，发现这个插件的css设置有点问题。导致在某些模板某个分辨率下会令侧边栏移位（例如inove主题在1027×768分辨率下）。如果你使用wp-codebox插件后也出现这个问题，可以用以下方法解决。

打开wp目录下wp-content/plugins/wp-codebox/css/里的codebox.css文件，查找digau_blogcodebox_msgheader，把下面的width值改成96%；再查找digau_blogcodebox，把下面的width值改成96%。即可。

分析出现侧边栏移位的原因：

一般的主题都在css里规定了主框架的宽度（一般和header的宽度相等），而codebox默认的宽度是父框架（正文框架）的100%，也就是和父框架相等，加上左右border的1px，就比父框架宽了2px。再加上侧边栏，总宽度就比header宽了2px，结果侧边栏就被挤到正文框架的下面了。把上述的两个width值改成96%，目的就是为了不让正文框架变宽。

从上面分析出来的原因，也可以想出另一种解决办法。

同样是打开wp目录下wp-content/plugins/wp-codebox/css/里的codebox.css文件，查找digau_blogcodebox_msgheader，把下面的

	border: 1px solid #DEDEB8;

替换成

	border-top-width: 1px solid #DEDEB8;
	border-right-width: 0;
	border-left-width: 0;

接着查找digau_blogcodebox，把下面的

	border: 1px solid silver;

替换成

	border-top-width: 1px solid silver;
	border-right-width: 0;
	border-bottom-width: 1px solid silver;
	border-left-width: 0;

保存即可。
这个方法是把代码框的左右border宽度设置成0，使代码框宽度完全和正文框架相等。