标签：
内核：
trident：IE、Maxthon(遨游)、腾讯、世界之窗、360
Gecko:Mozilla Firefox
Webkit:Safari、Chrome
Presto:Opera(渲染速度最快)
Blink:Google、opera
1、图片间隙
div-img在IE6中默认底部会多出3px，
解决：1）将div与img编写在同一行中
2）对img设置display：block
dt-img、li-img在IE6中默认底部多出3px
解决：方法同2）
2、双倍浮向（双倍边距）
当IE6及更低版本浏览器在解析浮动元素时，会错误的把浮向同一方向的第一块元素边界加倍显示。
解决：对第一块设置display:inline\
3、默认高度
在IE6中，当高度小于18px时，则默认为18px.
解决：1）设置overflow：hidden
2）设置font-size：0
4、表单元素行高对齐方向不一致
解决：设置input标记的float:left
5、按钮元素默认大小不一致
解决：1）指定按钮的高度
2)在外面包元素
6、百分比bug：在IE6中50%+50%>100%宽度
解决：设置第二块元素clear：right
7、属性指针bug
当属性设置为cursor：hand；时只能在IE浏览器中起作用，如果其他浏览器也出现鼠标指针时，应该用
cursor：pointer;
8、透明属性：
当属性值设置为filter：alpha（opacity：50）；时，只在IE中起作用，如需在其他浏览器中也透明，则设置opacity：0.5；
注：filter取值1-100.opacity取值0-1
9、当li中a添加display：block；并设置float-left时，如果想让所有的项都显示在同一行，则必须设置li为float-left，否则会出现li单独占一行的情况
10、当li中的a转换成块级元素时，并给a设置浮动属性后以及设置a的宽度高度值时，在IE6中会错误的将列表显示成阶梯状。
解决：同样将li也添加浮动属性
11、当li里a加display:block；IE7以下的版本出现行高不一致
解决：把a设置display：inline-block；
标签：
原文地址：http://www.cnblogs.com/sakio51/p/5385175.html
