JavaScript相关(二)( 四 )

浏览器兼容问题二:块属性标签float后 , 又有横行的margin情况下 , 在IE6显示margin比设置的大

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

碰到频率:90%(稍微复杂点的页面都会碰到 , float布局最常见的浏览器兼容问题)

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

备注:我们最常用的就是div+CSS布局了 , 而div就是一个典型的块属性标签 , 横向布局的时候我们通常都是用div float实现的 , 横向的间距设置如果用margin实现 , 这就是一个必然会碰到的兼容性问题 。

浏览器兼容问题三:设置较小高度标签(一般小于10px) , 在IE6 , IE7 , 遨游中高度超出自己设置高度

问题症状:IE6、7和遨游里这个标签的高度不受控制 , 超出自己设置的高度

碰到频率:60%

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

推荐阅读