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像素的错位都可以精确到。
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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28