important的小秘密

      这几天，帮朋友做百度空间的模板，重拾快要遗忘的CSS，似乎又回到了在校时光。以前听说IE对W3C的支持度不好，没有特别在意，但这次做模板，还真的有那么一回事。尤其是，在margin中，同一值在IE和非IE（我用的是傲游浏览器）下效果不一样。我做的模板中，整体背景是由三个分图构成，分别是header 、main和stage的背景，前两个背景图无逢对接没问题，但第三个就相当恼火。虽然IE和非IE下都可以完美对接，但问题来了：IE核心下的完美表现，一转成非IE时就跑位，反之亦然。这时，我忽然想到一个朋友的空间，好像基页面布局的宽度很大，与普通的百度空间宽度不一样。我到这个空间查看代码，发现他的main宽度使用了“三重定位”，即:

#main {
width:100%!important;
padding:0px!important;
min-width:756px;
max-width:1280!important;
}

“三重定位”，且important也时用时不用，一开始我百思不得其解，我试着简单的修改预览效果如何，结果很失望。我保存模板，准备想离开时无意中切换了浏览器的模式，结果异常兴奋。我找到了为什么原作者这么写，因为IE对important不友好，甚至忽略，导致不能正常解释宽度，当作结果也就惨不忍睹了。我重新回到CSS的编辑器，重新修改模板，结果完美对接背景图片。通过这个小小的遭遇，我终于知道为什么现在important用得这么广泛，谁叫IE对W3C支持度不够却占有那么巨大的分额呢？ 

 你能走多远，关键在于与谁同行，但愿在与你的同行中，我也能走得更高更远！