浏览器常见兼容问题（一）

一、不同浏览器的标签默认的外补丁和内补丁不同

原因：在不同的浏览器中，浏览器对有些标签默认样式（margin，padding）给出的大小不一

解决：在写CSS之初，给出*{margin:0;padding:0}

二、块属性标签float后，再给水平的margin，展现出来的margin和给出的margion不一样，（双倍显示）（ie6）

原因：不详~~~

解决：在float的标签样式控制中加入 display:inline，将其转化为行内属性；也有的会给他该有的margin的一半，双倍后正好符合~~

三、设置较小高度标签（一般小于10px），在ie6，ie7，遨游中高度超出自己设置高度

原因：在ie6，ie7，遨游中，浏览器对字体的解析默认的是font-size：12-14px之间，当你设置的高度小于这个值的时候，浏览器会固执的认为不应该那样设置，表现出来的就是以它最小的font-size呈现

解决：给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。

四、行内属性标签，设置display:block后采用float布局，又有横行的margin的情况，ie6间距bug

原因：参考二

解决：在display:block;后面加入display:inline;display:table，不过因为它本身就是行内属性标签，所以我们再加上display:inline的话，它的高宽就不可设了。这时候我们还需要在display:inline后面加入display:talbe。

五、几个img标签放在一起的时候，有些浏览器会有默认的间距

原因：部分浏览器的img标签之间会有个间距

解决：使用float

六、min-height不兼容

原因：min-height本身就是个不兼容的属性

解决：使用hack

希望可以帮助到你