IE6 双倍边距的解决方法

IE6双边距BUG解析
最新推荐文章于 2019-12-24 16:13:14 发布
最新推荐文章于 2019-12-24 16:13:14 发布 · 84 阅读 · 0
文章标签：

#CSS #IE #HTML

本文探讨了IE6浏览器中一个双边距的显示问题，并通过一个具体的CSS样式代码示例来展示这一问题的具体表现形式。

IE不同版本对CSS的解释都有略微差异，因为这点差异也使很多站长头大，今天说一个IE6双边距的BUG，先看代码：

<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }
</style>
http://www.corange.cn/archives/2008/10/2043.html

如何解决IE6双倍margin的Bug？
My_wife_QBL的博客
07-10 1135
在网页设计和开发的历史中，Internet Explorer 6（简称IE6）是一个不可忽视的存在。尽管IE6已经是一个过时的浏览器，但在某些情况下，我们仍然需要考虑如何解决它在CSS布局中的一些特定问题，尤其是著名的“双倍margin”Bug。本文将详细介绍IE6双倍margin Bug的原因、影响以及解决方法，并通过实例帮助读者更好地理解和应用。
IE6盒子模型没问题 详测双倍边距
09-25
对于IE6的双倍边距bug，还有其他一些解决方案，例如使用`*margin` Hack，这是一种专为IE6设计的CSS技巧，将星号(*)放在属性前，可以使得该规则只对IE6生效。例如，`*margin: 0` 将只影响IE6，并且会覆盖正常的margin...
IE6双倍边距
twosecond
06-24 3992
前言：IE6双倍边距这个问题其实早在学习CSS之初都已经知道如何解决，但当时只知道如何解决而并不知道引起这个BUG的原因是什么，再接下来工作过程中不断实践也终于明白是怎么回事了。但最近开发项目逐渐转移到以IE7为IE的基础参考标准后，逐渐有点淡忘IE6下的一些诡异BUG的解决方案了，就是知道如何解决也忘了部分理论知识了。1、问题：在IE6下如果某个标签使用了float属性，同时设置了其外补
IE6双倍边距 IE6浏览器会出现双倍边距解决方法
12-13
所谓的IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。下面的代码： 折叠展开XML/HTML Code 复制代码代码如下: <div xss=removed> <div xss=removed></div> </div> IE6显示效果为：IE8显示效果为： 可以看得出来左边距在IE6下面明显比IE8下面的大，在ie6
IE6双倍边距问题及其解决方法
一只北漂的小鱼oO
12-08 1813
IE6双倍边距在网页布局中是一个很常见的问题，网上关于IE6双倍边距的问题讨论很多，但大多比较笼统，一般认为在块元素(比如div)中同时出现flaot和margin两个样式时就会在IE6中产生双倍边距，写这篇文章的目的，就是把这个问题讨论得透彻一些，让大家明白，到底在什么样的条件下才会出现双倍边距问题。 　　以下是源代码： > html xmlns="http://www.w3.org/1
IE6双倍边距一招搞定
weixin_30762087的博客
03-24 126
所谓的IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。下面的代码： <div style="width:200px;height:50px;background:#ccc;"> <div style="width:100px; height:50px;float:left;margin-...
ie6双倍边距
你如今的气质里，藏着你走过的路，经历过的事，读过的书，和爱过的人。
02-21 214
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline {float:left;margin-left:10px;width:300px;height:200px;border:1px solid red;display:inline}
IE6系列之双倍边距
Focus-Fe
12-13 205
     本文记录一下ie6下：      float元素的浮动方向和margin方向的一致。      比如：float:left，margin-left才会产生双倍边距。      http://blog.sina.com.cn/s/blog_818a1e5b0100xxk4.html ...
IE双倍边距BUG 触发 解决方案
网站开发初中级代码参考-转载
03-15 166
标准参考 根据 W3C CSS2.1 规范中的描述，对于非替换的浮动元素，若 'margin-left' 或 'margin-right' 特性的计算值为 'auto'，则它们的实际使用值为 '0'。 除此之外，'margin-left' 与 'margin-right' 特性的计算则采用其自身定义的规范。 关于 'margin-left'、'margin-right' 以及 非替换的浮动元素宽度...
浏览器兼容性问题-IE6双倍边距
on the road的博客
11-29 323
IE6双倍边距就是指当元素有float属性，又有margin属性时，在IE6下面显示的margin的值是设置值的两倍。 ie6下显示： ie8及以上显示： 可以看出左边距在IE6下面明显比IE8下面的大，在ie6下面的左边距变成了20px，而不是设置的10px。 解决办法： IE6双倍边距一招搞定：将有float属性的元素添加display:inline属性
有关于IE6双倍边距的解决办法
呜哈哈的专栏
06-09 483
正常的代码是这样的：     #daima { width:250px; height:200px; border:1px solid #999; background:#fff; margin:10px;}     (出来效果是这样的)：      边距明明定的是10PX出来的却是20PX;       修正代码是这样的：     #daima { wid
解决IE6双倍边距bug问题
爱前端的程序媛的博客
12-24 599
出现双边距一般都是在排版中遇到的问题。 IE6 的双倍边距bug： 在IE6中，当为一个向左浮动的元素添加左外边距，或者为一个向右浮动的元素添加右外边距时， 这个外边距值将会是设置的值的两倍 举个例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
解决IE6双倍边距bug
coding
05-09 1657
IE6双倍边距这个问题其实早在学习CSS之初都已经知道如何解决，但当时只知道如何解决而并不知道引起这个BUG的原因是什么，再接下来工作过程中不断实践也终于明白是怎么回事了。但最近开发项目逐渐转移到以IE7为IE的基础参考标准后，逐渐有点淡忘IE6下的一些诡异BUG的解决方案了，就是知道如何解决也忘了部分理论知识了。 1、问题：在IE6下如果某个标签使用了float属性，同时设置了其外补丁“m
IE6的双倍边距问题怎么解决
03-29 339
IE6有很多的BUG，很多的BUG都是很垃圾的东西，有时遇到了真是气死人，只好想别的方法来解决，当你遇到IE6的双倍边距问题的时候该怎么办呢？ 演示代码： body {margin:0} div { float:left; margin-left:10px; width:600px; height:200px; border:1px solid #ff6600; } 浮动后本来外边
IE 双边距Bug
老李 技术 专栏
11-04 4442
 一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox { float: left; width: 150px; height: 15
IE6双倍margin间距两大解决方案--转载
dbrp26282的博客
09-24 231
　　IE6双倍margin间距解决方法 　　方法1: 　　假设：一个div代码为 <divstyledivstyle="float:left;margin-left:10px;"> div> 　　当一个css样式同时设置了float和margin的属性的时候，在ie7+及火狐上，该元素显示正常。但是在ie6下，将会出现双倍的margin-...
解决IE6下margin双倍边距问题
Akay的Web技术博客
04-23 2241
     问题：在IE6下如果某个标签使用了float属性，同时设置了其外补丁“margin:10px 0 0 10px”可以看出，上边距和左边距同样为10px，但第一个对象距左边有20px。     解决办法：当将其display属性设置为inline时问题就都解决了。     说明：这是因为块级对象默认的display属性值是block，当设置了浮动的同时，还设置了它的外边距就会出现这
IE6盒子模型与双倍边距问题深度解析
资源摘要信息:"IE6盒子模型没问题 详测双倍边距"一文深入探讨了在网页开发中长期存在争议的浏览器兼容性问题，尤其是围绕IE6及其对CSS盒子模型的处理方式。文章起源于作者阅读《IE6 很邪恶，但我爱它的盒子模型》后...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值