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