IE6,IE7,FF等浏览器不兼容原因及解决办法
4星 · 超过85%的资源 需积分: 10 16 浏览量
2011-12-24
11:55:52
上传
评论
收藏 168KB PDF 举报 
搜吧首页 > 电脑数码 > 软件编程 > div吧
网页 图片 音乐 搜吧 问问 博客
更多▼
登录
进入吧 帖子 作者(昵称/QQ号)
div
搜 索
帮
助 | 吧内搜索 | 搜
吧投
诉 |
提意
见
IE6,IE7,FF等浏览器不兼容原因及解决办法
点击数：94 | 回复数：0 | 最后回复发表于04.17
本吧首页 快捷回复 收藏该帖
1
1楼
游子的心
发表于 2009.04.17 15:27:54
本文转载,作者：阿里巴巴前端开发,发到这里只是方便以后查看，也给各位需要的朋
友。
浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要
的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编
码要素，望能指点各位：
1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的
空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，
下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有
文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。
2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被
内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定义heigh
t。
3.还讨论内容撑破容器问题，横向上的。如果float 容器未定义宽度，ff下内容会尽
可能撑开容器宽度，ie下则会优先考虑内容折行。故，内容可能撑破的浮动容器需要
定义width。
小实验：有兴趣大家可以看看这段实验。在不同浏览器下分别测试以下各项代码。
a.<div style=”border:1px solid red;height:10px”></div> b.<div style=”bor
der:1px solid red;width:10px”></div>
相关帖子
文字乱码小办法
点击 / 回复：28 / 2
未知高度div 垂直居
中的问题
点击 / 回复：60 / 2
DIV标签的定问题!
(工作时随笔)
点击 / 回复：22 / 1
(吕荟)css教程:DIV
垂直居中的办法
点击 / 回复：40 / 1
掉
线问题的解决办
法
点击 / 回复：99 / 1
7
热点关注
“
物业税”真的要
来了？
看外
国人总结中国
人的60条
阳谷自行车爱好者
出行图片
非洲艾滋病患者的
真
实
写
照
Page 1 of 6IE6,IE7,FF等浏览器不兼容原因及解决办法_div吧_搜搜搜吧
2009-5-28http://post.soso.com/tv/44410416/v.html?ch=sbr.bar.tie
资源评论
sun_19912013-06-07挺多的，但问题木有解决
