CSS或编写网页检查兼容性出现的问题及相应解决办法总结

分类栏目: css

1033℃

放飞梦 发布于 发表评论

问题一:


   如果某条边与浮动方向同向,则向该边上的浮动框应用边距时,边距会增加一倍。此错误只影响一次或多次浮动的某行中的第一次浮动。

影响: Internet Explorer 6.0

解决方法:为出现问题的元素css添加display:inline属性;


问题二:


如果无法将内容放入固定宽度或固定高度的框中,则框会扩展以适应内容,而不是让内容溢出框外。

影响:Internet Explorer 6.0

解决方法:加上  overflow:hidden;

问题三:

   如果无名线框(包含内联内容的框)邻近某个浮动,则线框和浮动边缘之间会出现 3 个像素 (3px) 的间隙。在内容清除浮动时,此间隙会消失,导致内容朝着浮动的方向“慢移”三个像素。请注意,当左对齐文本邻近右浮动时,可能难以看到此间隙,但它确实存 在,而且它可能导致紧密的布局中出现“浮动下降”。

影响: Internet Explorer 6.0

解决方法:为出现BUG的元素CSS属性里添加   zoom: 1;或者加入浮动属性。

问题四:

   如果将一个或多个绝对定位的元素放在未分配尺寸的相对定位的元素中,则根本不会出现滚动条,或者该元素的扩展不足,无法查看所有内容。(注意: 如果 AP 元素中的内容扩展不超过视区的高度,则此错误将不会对页面造成影响。)


影响: Internet Explorer 6.0

解决办法:其实从问题中我们也可以看出,既然是元素放在分配尺寸的相对定位元素中才会出现问题,那么我们就可以在相对定位的元素中来分配尺寸,如果没有具体值,可以设置为自动:width:auto;height:auto;即可消除问题!


  友情赞助
微信二维码
支付宝二维码
  选择分享方式

版权:若无特殊注明,本文皆为放飞梦原创,转载请保留文章出处。

链接:CSS或编写网页检查兼容性出现的问题及相应解决办法总结 - http://www.lauxin.net/css/57.html

发表评论
    已评论(0)