本文和大家重点讨论一下IE与Firefox浏览器差异与常见问题一览，主要从八个方面来向大家介绍，相信本文介绍一定会让你有所收获。
IE与Firefox差异与常见问题一览
又是一篇介绍IE与Firefox下兼容性产生差异的文章。浏览器之间可以达成共协，对网页编写者来说期待着这一天。
1、单位问题
问题：任何距离的数值IE可以不加单位，ff必须要求写单位（0除外）
解决：写全单位如padding:0px;
2、水平居中
问题：div里的内容，IE默认为center，而ff默认left
解决：mairgin:0pxauto;
3、高度问题
问题：如果设置了一个DIV的高度，当DIV里实际内容大于所设高度，IE会自动拉伸以适应DIV容器大小，ff会固定DIV的告诉，超过部分超出DIV底线以外，出现和下面的内容重叠的现象
解决：控制恰当的高度，或者不写，让浏览器自动调节高度，或者设置overflow:hidden;
4、clear:both;
问题：如果上面用float控制了n列DIV，下面IE会自动检测自动排列，ff则可能很不老实，到处乱动
解决：float结束后的下一个标签加clear:both;以结束float的控制
5、最大/小宽度问题
问题：min-width,max-width只是ff的命令，如何让IE实现同样的效果
解决：IE不认识min-和max-，实际IE认为min-width、max-width和width效果一样，可以用下面方法解决
- #cctext{
- min-width:700px;
- max-width:1000px;
- width:expression(document.body.clIEntWidth<700?"700px":document.body.clIEntWidth>1000?"1000px":"auto");
- }
6、!important支持
问题：ff支持IE不支持
解决：无。IE会忽略。
7、游标状态
问题：cursor:hand;仅IE支持，显示手指状态
解决：使用cursor:pointer;IE和ff都支持
8、实际像素
IE/Opera：对象的实际宽度=(margin-left)+width+(margin-right)
Firefox/Mozilla：对象的实际宽度=(margin-left)+(border-left-width)+(padding-left)+width+(padding-right)+(border-right-width)+(margin-right)
所以排列好及列的表格时IE和ff显示宽度稍有区别
文章来源:Div-Css.net设计网参考:http://www.div-css.net/div_css/topic/index.asp?id=7162
【编辑推荐】
