不管新手老手做页面的时候都会遇到这样那样的问题，每个浏览器显示的都不一样，也就是我们所说的不兼容，主要是因为各浏览器的内核不同定义不一样导致的。

有的时候我们会用骇客技术来做兼容，或者是根据各个浏览器进行不同的定义。下面我来说几条：

Ps：主要是IE下的BUG比较多（可恶的IE）

IE6下面的双倍BUG

例如三个块要排列到一行上面，我们肯定要用float属性了，贴在一块儿也不好看，那么加个margin值吧，结果预览的时候就出现问题了，IE6明显间距比别的浏览器宽了，实际上IE6的margin效果是双倍的，即：如果margin：10px；那么IE6就是20px，解决的办法就是给读懂的块儿定义display：inline属性。问题就解决了。

各浏览器文字本身大小

同样是12号宋体，但是在不同的浏览器中锁占的空间是不一样的，不知道大家有没有注意过。解决方案就是给文字设定line-height属性。

图片间隙

（又是IE6下的产物）一张图片下面一段文字，做完你会发现IE6下面怎么多出1px，解决方案就是把图片转块儿。

多余字符

（还是IE~~~）

写备注是一个好习惯，方便查看和修改，不容易搞乱位置，但是有没有遇到过这样的情况，某一段文字或是一个容器后面突然出现一段或是几个文字，咦，怎么回事？我明明没有写这些..而且只有IE6有，解决方法去掉注释。

默认高度

（同上）

Ie6中有一个默认高度，如果你要写一个长100，高5PX的盒子，那么IE6肯定就不是这个高度了，解决办法font-size：0；overflow：hidden；height：5px。

吞吃

现在我们有上下两个div，上面的div设置了背景，但是却发现下面没有设置背景的div 也有了背景，对应上面的背景吞吃现象，还有滚动下边框缺失的现象。解决方案：使用zoom:1。