CSS Negotiation
leftjustfied.net 给出了一篇介绍如何使 CSS 正常工作，节省你调试时间的文章：CSS Negotiation and a Sanity Saving Shortcut，其中的一些方法值得推荐。
首先，考虑到大量问题源自不同浏览器下默认的 margin 和 padding 的设置不同，作者建议干脆先把所有的 margin/padding 清零：
* {
padding:0;
margin:0;
}
第二，给 IE 设置特殊的样式表，可以使用下面 IE 专用的条件判断功能：
<!--[if IE] >
<link rel="stylesheet" href=" IE.css" media="screen" />
< ![endif]-- >
或者在 CSS 中使用 Tantek 发明的 band pass filter:
/* IE5 */
@media tty {
i{content:"";/*" "*/}};
@import 'ie5.css'; {;}/*";}
}/* */
/* IE 5.5 */
@media tty {
i{content:"";/*" "*/}}@m;
@import 'ie55.css'; /*";}
}/* */
更新：Andrew 在 Global White Space Reset 里主要说明了第一条规则的用途，你可以看看重新定义规则后的测试页面。
There is a more detailed follow up here:
9 Comments