浏览器兼容问题

浏览器兼容问题

1.不同浏览器的标签的内外边距不同
解决：*{margin：0；padding:0}
2.块级标签float后，再有横向margin的情况下，在IE6中显示的margin比设置的大
解决：在float标签样式加入display：inline，转化为行内属性
3.行内标签，设置display：block后采用float布局，又有横向的margin时，IE6间距问题
解决：

display：block;
display：inline；
display：table；

4.图片默认间距，通配符也不起作用
解决：使用float属性为img布局
5.最低高度min-height不兼容所有的浏览器
解决：

min-height：100px;
height:auto!Important;
Height:100px;
Overflow:visible;

6.手形光标，问题表现：firefox不支持hand，但ie支持pointer
解决：统一使用cursor:pointer;

//可以通过添加各浏览器私有前缀来设置相同的样式，
-moz-         Firefox私有前缀 
-webkit-      Chrome
-ms-          IE