以前就唠叨过，不过是浅尝辄止，没有系统的研究过，因为太杂了，受不了，基本上是碰到什么问题就临时解决什么问题，也没有过多的总结。上两周因为在给某局折腾网站，再次被IE系列浏览器折磨的死去活来的，基本算是告一段落，于是就想总结一下，以后可以少走点弯路。放狗搜了一下，其实不只咱天朝有这样的需求，老外也一样，人家也总结了不少经验，咱就借花献佛吧。
　　先说IE6这个老顽固吧，就它的事情最多，IE7、8、9相对来说好很多。对于IE6来说，Box Model盒子模型里定义的参数IE6解释的都一塌糊涂，比如：

div#box {
   width: 100px;
   border: 2px solid black;
   padding: 10px;
}

　　这个样式定义的box的宽度，对于IE6来说，就是100px，但是对于其他比较流行的浏览器，宽度是124px，这问题就很明显了，有了这个差异，网页的布局会有问题，所以这个的注意。
　　然后是Double Margin双倍边距的问题，比如：

div#box {
   width: 100px;
   border: 2px solid black;
   padding: 10px;
   float: right;
   margin-right: 20px;
}

　　这个box元素咱们需要它Float到右边，且右边距是20px，实际上IE6会把边距加倍，成了40px，这又是个把你的布局彻底打乱的一个Bug，解决之道当然是有的，就是再加一个定义，"display:inline;"。问题是可以解决，但是有时你可能并不想要这个元素是inline的啊，所以实际使用中你得自己解决实际需求。