+ -
当前位置:首页 → 问答吧 → DIV+CSS在不同浏览器中的注意问题

DIV+CSS在不同浏览器中的注意问题

时间:2011-07-23

来源:互联网

1、ff和ie对高度的渲染方法不同。ff严格按照高度渲染,而ie可以在设置了高度的情况下被撑开。
2、ie的margin在float方向相同时会翻倍。解决方法display:inlie
3、ie和ff中的body,p,hr,ul,li,dl,dt,dd的margin padding默认值不一样。制作网页前设置body,p,hr,ul,li,dl,dt,dd{margin:0;padding:0}
4、ie和ff中h1,h2,h3,h4,h5,h6,h7默认的字体大小不同。需要重新设置
5、ff和ie中对em的渲染效果不一样,简单方法,用单位px,避免用em
6、ie中图片在容器中,图片下面默认有3像素的空隙,解决方法:vertical-align:top
7、ie中有时候不清除浮动不会有问题。而ff严格按照浮动来排列。所以需要严格对每个浮动进行闭合。
8、ff中padding的值会加到高度里面去,例如padding-top:10px;height:100px; 这个css ff翻译出来是110px,而ie是100px,解决方法,不需要对ff和ie分别设置,直接按火狐的方法设置就可以,在高度中减去padding的值,ie不需要理会,因为ie会自动撑开。
9、html注释在ie中有时候会影响效果,而ff不会
10、垃圾ie中未知情况下,内容会自动复制一份到下一行,解决方法:复制错位的容器放最下面,然后设置display:none隐藏即可。
11、ie中<ul><li>的代码间的空格可能影响到效果。而ff不会。
12、ie是垃圾,ff是上帝。可能总结得不全面,有些没想起。不过这些知识,然后结合!important命令,足够你把页面排列好,在ie和ff中无任何错位,包括1像素的错位都可以精确到。

作者: fxue0610   发布时间: 2011-07-23

很多都只针对ie6的吧,光写ie不严谨哦

作者: alphat   发布时间: 2011-07-24