JavaScript相关(二)( 五 )

备注:这种情况一般出现在我们设置小圆角背景的标签里 。 出现这个问题的原因是IE8之前的浏览器都会给标签一个最小默认的行高的高度 。 即使你的标签是空的 , 这个标签的高度还是会达到默认的行高 。

浏览器兼容问题四:行内属性标签 , 设置display:block后采用float布局 , 又有横行的margin的情况 , IE6间距bug

问题症状:IE6里的间距比超过设置的间距

碰到几率:20%

解决方案:在display:block;后面加入display:inline;display:table;

备注:行内属性标签 , 为了设置宽高 , 我们需要设置display:block;(除了input标签比较特殊) 。 在用float布局并有横向的margin后 , 在IE6下 , 他就具有了块属性float后的横向margin的bug 。 不过因为它本身就是行内属性标签 , 所以我们再加上display:inline的话 , 它的高宽就不可设了 。 这时候我们还需要在display:inline后面加入display:talbe 。

浏览器兼容问题五:图片默认有间距

推荐阅读