margin双倍边距问题：ie和firefox显示

来源：经典论坛时间：2008-09-07 15:05:00　

zhanglunray 问：

我在mzzx_pic这个层设置了左边距，在ie里显示是正常的，但是在ff里显示时margin-left却没有起到作用，好像变成只有一半的边距。导致了显示的时候这个层遮住了后面画的边框线。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>IE margin双倍边距问题</title></head><style type="text/css">.main2_right{ width:300px; float:right; height:200px; background:url("/file/UploadPic/20089/7/200897151036116.gif") no-repeat; clear:both}.mzzx_pic{ width:110px; height:145px; margin-left:7px; margin-top:39px; float:left; clear:left}/*每周之星*/.server{ width:120px; height:120px; margin-right:6px; margin-top:60px; float:right; overflow:hidden}/*便捷服务总列表*/.server_logo{ width:115px; height:30px; margin:0 auto; text-align:30px; line-height:30px; border-bottom:#CCCCCC 1px dashed}</style><body><div class="main2_right"> <div class="mzzx_pic"><iframe name=xuaspic74 src=http://www.baidu.com marginwidth=1 marginheight=1 width=110 height="145" scrolling="no" border="0" frameborder="0"></iframe></div> <div class="server"> <div class="server_logo"><a href="#"> +学校概貌指南</a></div> <div class="server_logo"><a href="#"> +网站地图导航</a></div> <div class="server_logo"><a href="#"> +网站使用帮助</a></div> <div class="server_logo"><a href="login.asp"> +管理登陆</a></div> </div></div></body></html>

jnnvos 答：

ie6吧？

设置左浮动后会产生双边距，这不是firefox的错误，是ie的bug。

解决方法加上display:inline

标签：margin,bug,firefox,ie

投稿

margin双倍边距问题：ie和firefox显示

猜你喜欢

SQLServer中字符串左对齐或右对齐显示的sql语句

倾斜的鼠标翻转导航制作上的烦恼

禁止背景图在网页中平铺

如何列举Error的所有对象？

CSS雪碧:要还是不要？

PHP和JS之间的数据交互并处理

介绍讲解MySQL安装下载登录

兼容所有浏览器的设为首页与显示小策略

sql如何在Access中选择指定日期前的记录？

asp数组使用特法

互联网产品设计零碎记

为什么JavaScript中正则表达式的test方法会出错？

ExtJS 开发总结

如何让用户再次访问我的网站时不需再提交相关信息？

很无聊的一个找碴游戏

谈谈网页设计中的字体应用 (3) 实战应用篇·上

关于ASP循环表格的问题之解答[比较详细]

页面自动刷新javascript代码大全

文字适度阅读的宽度或者字数

记录下两个正则表达式的使用