解决IE6下margin双倍边距问题

本文向大家描述一下解决IE6下margin双倍边距问题的方法，首先让我们来看一下问题的产生。

公司专注于为企业提供成都做网站、成都网站设计、成都外贸网站建设、微信公众号开发、商城开发，成都小程序开发，软件定制网站制作等一站式互联网企业服务。凭借多年丰富的经验，我们会仔细了解各客户的需求而做出多方面的分析、设计、整合，为客户设计出具风格及创意性的商业解决方案，成都创新互联更提供一系列网站制作和网站推广的服务。

解决IE6下margin双倍边距问题

问题：

在IE6下如果某个标签使用了float属性，同时设置了其外补丁“margin:10px0010px”可以看出，上边距和左边距同样为10px，但第一个对象距左边有20px。

解决办法：

当将其display属性设置为inline时问题就都解决了。

说明：这是因为块级对象默认的display属性值是block，当设置了浮动的同时，还设置了它的外边距就会出现这种情况。也许你会问：“为什么第二个对象和第一个对象之间就不存在双倍边距的BUG”？因为浮动都有其相对应的对象，只有相对于其父对象的浮动对象才会出现这样的问题。第一个对象是相对父对象的，而第二个对象是相对第一个对象的，所以第二个对象在设置后不会出现问题。另外在一些特殊布局中，可能需要组合使用display:block;和display:inline;才能达到预期效果。

当然最坏的情况下，我们就可以使用"margin:10px0010px;_margin:10px005px"，这种“标准属性;_IE6识别属性”HACK方式解决。

◆注意：

这个现象仅当块级对象设置了浮动属性后才会出现，内联对象（行级对象）不会出现此问题。并且只有设置左边距和右边距的值才会出问题，上下边距不会出现问题。使用display:inline方法仅限于使用float时使用，否则显示会出现问题。多个子块在父块中使用float时，同行显示的多个子块只需要第一个使用display:inline

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/linkaisheng/archive/2010/04/24/5522487.aspx

【编辑推荐】

1. CSS margin-bottom 属性使用手册
2. IE6.0对padding的解读分析
3. DIV+CSS网页错位诊断和解决方法
4. 深入学习CSS中padding、margin属性写法
5. 技术分享 如何使用CSS控制超链接文字样式

本文标题：解决IE6下margin双倍边距问题
转载源于：http://www.mswzjz.cn/qtweb/news1/295601.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能