在设计《网页设计师》页面的时候，有一个问题一直困扰着我。IE等浏览器(Mozilla、Opera等)中主菜单的显示效果。)偏离了2px。截图如下：IE 中的效果。

Mozilla Firefox中的效果

这是IE对盒子之间距离解释的错误造成的(参考onestab的“浮动模型的问题”)。直到翻译了《Table vs CSS——一场生死之战》才解决了这个问题，作者的一个小技巧帮我找到了解决方法：使用！重要的.重要的是CSS1定义的语法，用于提高指定样式规则的应用优先级(参见：W3.org的解释)。语法{sRule！重要}，即写在定义的末尾，例如：box{color:red！重要；}最重要的一点是IE从来不支持这种语法，而其他浏览器支持。因此，我们可以利用这一点为IE和其他浏览器定义不同的风格。例如，我们定义了这样一种风格：color test { border :20 pxsolid # 60a 179！重要；border:20px实心# 00Fpadding: 30px宽度： 300px}我在Mozilla浏览的时候能看懂！重要，所以显示#60A179的颜色：。

在IE里浏览的时候看不懂！重要，所以显示#00F的颜色：。

你看得见，用得着！重要的是，我们可以为IE和非IE浏览器设置不同的样式，只需在非IE浏览器样式后添加即可！重要的.所以上面提到的我的主页2px的显示差异就很容易解决了：PADDING-TOP: 11px！重要；PADDING-top : 9px；重要的一定要成为CSS布局的利器，请记住并掌握。