由于我的笔记本不稳定,预装的Win7系统总是死机,而且死机之后强行关机都没用,几乎每天都要抠电池,所以一直使用XP系统,最近给同事的相同型号笔记本装了个Ghost版的Win7,居然很稳定,于是我也忍不住升级了系统,不过升级之后发现我的博客导航在IE和Chrome下变形了,不过Firefox和Opera下倒是显示正常。
经过艰难的分析(没办法啊,半瓶醋的水平,一知半解),发现是修改主题后css定义错误导致的。css中header元素的高度我将其定义为100px,而由于边距的存在,header实际高度是102px,这样header就把下面的topnav给挤到了下方,造成错位。将header高度定义清除后页面恢复正常,测试几个主流浏览器,均未发现异常。
几点心得:
1、开始我怀疑是导航topnav的css出错,结果半天都没发现问题,后来无意中看了看尺寸才发现居然是上面的元素过宽,硬是把topnav给挤了下来,看来查找css错误不能”头痛医头,脚痛医脚“啊。
2、Chrome的”元素审查“功能真心不错,简直就是给我这样的半瓶醋水平量身定做的,呵呵。