一个热爱网络的小学教师

解决了一处css问题

由于我的笔记本不稳定,预装的Win7系统总是死机,而且死机之后强行关机都没用,几乎每天都要抠电池,所以一直使用XP系统,最近给同事的相同型号笔记本装了个Ghost版的Win7,居然很稳定,于是我也忍不住升级了系统,不过升级之后发现我的博客导航在IE和Chrome下变形了,不过Firefox和Opera下倒是显示正常。

经过艰难的分析(没办法啊,半瓶醋的水平,一知半解),发现是修改主题后css定义错误导致的。css中header元素的高度我将其定义为100px,而由于边距的存在,header实际高度是102px,这样header就把下面的topnav给挤到了下方,造成错位。将header高度定义清除后页面恢复正常,测试几个主流浏览器,均未发现异常。

几点心得:

1、开始我怀疑是导航topnav的css出错,结果半天都没发现问题,后来无意中看了看尺寸才发现居然是上面的元素过宽,硬是把topnav给挤了下来,看来查找css错误不能”头痛医头,脚痛医脚“啊。

2、Chrome的”元素审查“功能真心不错,简直就是给我这样的半瓶醋水平量身定做的,呵呵。

赞(0) 打赏
转载请标明出处:高海鹏老师的博客 » 解决了一处css问题
分享到: 更多 (0)

留言 抢沙发

Protected by WP Anti Spam
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏