火狐和ie中margin和padding的属性值显示是不同的,如何才能解决这个不同呢?

2024-12-18 07:23:38
推荐回答(5个)
回答1:

  您好!很高兴为您答疑!

  常见兼容问题:1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行7.cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以8.FF: 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

回答2:

样式前面加*{padding:0px;margin:0px;}通俗点讲上面的意思是把所有的值清零如果还有对不齐的地方有用+ _ 例如:.Ndiv {height:76px; +height:100px; _height:50px;}结果,firfox高度显示76px IE7显示100px IE6显示50px请看看我的站 www.bign.cn如果再不懂可以联系我qq:7758651

回答3:

margin是容器的外边距,padding是内边距,这样应该够通俗了,
但IE对margin的兼容性不好,经常出错,特别用刀Float浮动的时候,常常是一蹋糊涂
Fox的内核设计更加合理,所以安全性要比IE好很多,不过IE7已经在这方面改进了很多

回答4:

你可以用position:absolute;这个属性可以让你将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body 对象。你可以试一下!

回答5:

1、这是浏览器对标签的解析不一样造成的;比如,对于标签,ie默认有5px的边距,这让你看到5px的留白;有可能你再另外的浏览器查看,body解析的边框为20px,所以我们看起来不一样;
2、所以我们要在css里面将标签初始化使得它们在各个浏览器里面都有一样的表现。
在你的举例中,在css控制里面加这句话就可以了*{margin:0px;padding:0px;} 。