1 规范是第一要务
在IE8中，如果html的标签结构和代码没有按照规范来书写，将会出现很多意想不到的错误。虽然这些错误对于其他的浏览器来说不成问题。完全可以很好滴执行。但是在IE8中就会莫名其妙地报错。因此，为了防止IE8中出现各种莫名其妙BUG的第一要务就是要说些规范。

2 IE8的z-index
一旦在IE8中使用了z-index，就要特别留意。留意使用z-index的块元素的父类是否也使用的z-index。如果父元素没有设置同样等值的z-index的话，那么将会有可能被下面的块元素所覆盖。

3 IE8下的position应该注意为对应的div设置对应的宽度和高度
如果你为一个块仅仅设置了position属性，而没有设置width和height属性，在chrome内核的浏览器中没有任何问题可以自动根据内容识别并安排。但是在IE8中则会出现排版混乱的问题。
这其中一个重要的原因是因为IE8时代下对像素的定位要求很精确。而在现在的移动时代则更多依靠位置来适应定位。
所以，在网站设计的时候，为了更好地兼容IE8的设计体验，一定要在设定position的基础上，至少设定width。

4 float的撑开问题
在ie8中，经常会出现float的div无法撑开父div的情况。这种情况下最好的处理方式有两步。
第一步，加载clearfix的CSS，内容如下
.clear {clear:both;visibility:hidden; display: block; font-size: 0;line-height: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

加载了该CSS之后，需要在父类引用。
第二步，记得一定要为父类