浏览器兼容问题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布局