您的位置:首页 > Web前端 > CSS

css:如何减少浏览器兼容问题

2008-12-10 21:08 351 查看
    一年来,差不多积累了4000行的css写作经验。每完成一个div+css的网页,首先要做的就是浏览器兼容。从最开始的只能兼容ie,到这个学期的兼容FF,心中还是有了一点满足。让我最为感慨的是,兼容ie6的问题。    ie6一直为人口病,我感觉也是很麻烦。基本上,现在写的每个网页在FF中,ie7中都没问题,但到了ie6中,就出现了很大的问题。    在这一年里,我发现以下几点在兼容性比较多的问题。1.在ie6里的基本上是盒模型比7与FF的大那么一点。于是,就造成了几个flow:left;的几个同一行的div出现折行的现象。一般而言,只要找出现问题的div,用overflow:hidden;就可以搞定。2.关于在ff中,在宽度都 相同的情况下,几个上下排列“目”字形的div,经常会出现最后一个div会在第一个div重合了起来,一般而言,只要在最后一个div加上:clear:both;就可以解决问题了。3.在布局时,margin的定位,往往会出现很多问题,因此,如果用padding也能达到同样的布局效果的话,优先采用padding。因为,用margin时,会引起加倍,3px等问题。而用padding等,就不会引起这些情况。这样,就可以大大减少后期调试兼容的工作量。4.使用盒模型布局时,div的长宽,如果不要求自动适应长宽的,能够定下来的,就定下来,这样也能减少不少在各浏览器显示不一致的问题。    以上是我的一些经验。如果不对,还请各位指正。毕竟我还是菜鸟一个。            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: