问题一:不同浏览器的标签默认的margin 和padding差异较大。
解决方法:CSS文件开头用通配符*来设置各个标签的内外补丁是0。
问题二:设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度。
解决方法:给超出高度的标签设置overflow:hidden;
问题三:浏览器 CSS 兼容前缀。
解决方法:-o-transform:rotate(7deg); // Opera
-ms-transform:rotate(7deg); // IE
-moz-transform:rotate(7deg); // Firefox
-webkit-transform:rotate(7deg); // Chrome
问题四:块属性转化后,又有横行的margin情况下,在IE6显示的margin比设置的大。
解决方法:加入 display:inline;将其转化为行内属性。
问题五:块元素中含有图片时,ie6-7中会出现图片下有空隙。
解决方法:将图片转换为块级对象display:block;
问题六:几个img标签放在一起的时候,有些浏览器会有默认的间距。
解决方法:使用float属性为img布局。