WordPress在IE下Sidebar显示定位错误的问题已解决

一直使用Firefox,偶尔用IE上一下这个Blog,却发现Sidebar显示在了首页所有文章的下面,究其原因,原来是在最近的几篇文章中,有几个pre或code元素的宽度超出了左边这部分的宽度,从而占用了右边的Sidebar的空间,而IE又没有很好的解决Overflow的问题(参见Migrate apps from Internet Explorer to Mozilla中的CSS overflow differences部分),于是在css中添加如下代码:

#sidebar {position: absolute; left: 120px;}

将Sidebar改为绝对值定位,问题解决,同时将pre和code加上了

overflow: auto;

这样贴代码的时候如果宽度太宽,会自动出现水平滚动条的,当然,由于IE没有很好的支持这项属性,因此在IE下是看不到这个效果的。