IE常见兼容问题

浏览器兼容问题1：不同浏览器的标签默认的外补丁和内补丁不同

问题症状：随便写1个标签，不加样式控制的情况下，胳肢的margin 和padding差异较大。

解决⽅案：CSS *{margin:0;padding:0;}

浏览器兼容问题2：块属性标签float后，有横⾏的margin情况下，在IE6显示margin比设置的大

问题症状:常见症状是IE6中后面的一块被顶到下一行

在float的标签样式控制中加 display:inline;将其转化为行内属性

浏览器兼容问题三：设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度

浏览器兼容问题五：父元素绑架子元素的margin-top

问题症状：这个问题主要出现在非IE浏览器中。如果父元素和子元素之间没有任何内容，将父元素设置margin-top后，子元素不会动，父元素会因为margin-top往下移动。

解决⽅案：在⽗元素和⼦元素之间加入heigth：0px或者设置父元素的padding-top。

浏览器兼容问题六：图片默认有间距

问题症状：一个img标签放在一起的时候，有些浏览器会有默认的间距，加了问题一中提到的通配符也不起作用。

使用float属性为img布局