常见浏览器兼容性

1、IE5.5及其以前版本的浏览器对于盒模型理解上的错误

div{

width:200px;

padding:5px;

border:1px solid #cccccc;

}

在IE5.5中div 内容的宽度将是200px-5px-1px-5px-1px = 188px.

在FireFox，Opera 及IE6等浏览器内容宽度则是200Px，可以使用Hank手法。

2、IE浮动和对齐的错误

在CSS中将元素的Float和rext-align的方向设为一致时，IE中边界会被显示为声明值的2倍,可以将display 设为inline来避免

div{

text-align:left;

float:left;

margin:0 5px;

display:inline;

}

3.IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位