标题:
css在IE和Firefox中的差别 (部分)
[打印本页]
作者:
飞翔的蜗牛
时间:
2011-12-15 10:52
标题:
css在IE和Firefox中的差别 (部分)
1
、单位问题
问题:任何距离的数值
ie
可以不加单位,
ff
必须要求写单位(
0
除外)
解决:写全单位如
padding:0px;
2
、水平居中
问题:
div
里的内容,
ie
默认为
center
,而
ff
默认
left
解决:
mairgin:0px auto;
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
显示宽度稍有区别
欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)
Powered by Discuz! 6.1.0