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

发布网友发布时间：2022-04-23 07:51

共6个回答

热心网友时间：2022-04-20 11:26

　　您好！很高兴为您答疑！

　　常见兼容问题：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;}
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

热心网友时间：2022-04-20 12:44

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

热心网友时间：2022-04-20 14:19

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

热心网友时间：2022-04-20 16:10

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

热心网友时间：2022-04-20 18:18

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

热心网友时间：2022-04-20 20:43

在你首先写CSS 的时候加上 *{margin:0px;padding:0px;} 这样可以让它们都有相同的默认值