IE6的双边距BUG

最新推荐文章于 2020-10-12 10:59:40 发布
最新推荐文章于 2020-10-12 10:59:40 发布
阅读量132 收藏
点赞数
分类专栏： CSS

也被叫做双边距bug。

 

在ie6中， 元素设置了float: left/right属性， 还设置了margin-left/right: ?px属性， 那么实际显示出来的margin将会是实际设置长度的2倍。

 

在ie6中， bug的出现也是有一定的条件的， 经过测试， 如果设置float的元素不是在屏幕的最左/右边话， 将不会发生。

 

测试代码会在以后加上

 

iteye_1316
关注
专栏目录
IE6常见bug附解决方法
09-25
#### 二、IE6中的Margin加倍问题（双边距） **问题描述**： 当在IE6中对一个块级元素应用`float`属性，并且设置了左右`margin`时，可能会出现实际`margin`比预期大的现象，这种现象通常被称为“双边距”或“双倍`...
IE6下兼容性常见的几个问题与解决方法
09-24
第七个问题，IE6的双边距bug，横向margin值会被放大两倍。使用display:inline可以修复这个问题，使元素不被视为块级元素，从而避免边距加倍。 最后，问题八涉及到IE6下的外边距消失。当父元素宽度和内容宽度差异...
IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
zyjwy02
12-22 145
先看css代码: div {    float:left;        margin-left:10px;        width:420px;        height:150px;        border:1px solid red        }这样设置左边距设置为10px，但IE6.0解释为20px，解决办法就是是加上display:inline 代码 div {    fl...
IE6下的双边距BUG
似水流年
03-31 405
body{margin:0;} .wrap{float:left;border:2px solid #000;} .box{width:100px;height:100px;background:red;margin:0 100px;float:left; } /* IE6下的双边距BUG 在IE6下，块元素有浮动和横向margin的时候，横向的margin值会被放大成两倍; 解决办法
IE6双边距BUG演示及解决方法
ZH2357710792的博客
04-07 199
IE6双边距bug演示 　　当为一个块级元素同时设置float和margin属性时，在IE6下元素的margin显示效果为原来的2倍。 　　简单的例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D...
IE6的双边距Bug以及解决办法
happyqyt的专栏
03-18 383
bug描述：就是你明明设置margin-left为10px，但是在IE6下显示的左边距却是20px。 bug出现的条件：当浮动元素的浮动方向和外边距的设置方向一致且浮动元素靠近浮动边界时才会出现。比如元素向左浮动时设置左边距，并且为一行中的第一个浮动元素时会出现这个bug，同样，向右浮动时设置右边距，且为一行中的最后一个浮动元素时也会出现这个bug。 bug的解决办法：给浮动元素块加上disp...
IE6下float双边距问题
dazwxrt0338的博客
08-26 140
当浮动元素的方向和设置margin的方向相同时，就会出现双边距问题，解决方法是： 删除浮动，改成display:inline-block _display:inline; _zoom:1; 转载于:https://www.cnblogs.com/sunhk/p/4760982.html...
iebug总结jar包
04-08
5. **双边距问题**：在IE6中，浮动元素的内联元素会额外增加一个像素的边距，可通过负margin或者`display:inline-block`来修复。 6. **CSS选择器限制**：IE6不支持一些高级CSS选择器，如`:hover`在非链接元素上、`:...
解决IE6下margin双倍边距问题
Akay的Web技术博客
04-23 2172
     问题：在IE6下如果某个标签使用了float属性，同时设置了其外补丁“margin:10px 0 0 10px”可以看出，上边距和左边距同样为10px，但第一个对象距左边有20px。     解决办法：当将其display属性设置为inline时问题就都解决了。     说明：这是因为块级对象默认的display属性值是block，当设置了浮动的同时，还设置了它的外边距就会出现这
浏览器兼容性经典问题（一） IE6 下双边距问题
speed_feng的专栏
11-15 7999
问题描述：         一个div盒子如果设置了margin，并且该div设置了float浮动，那么在IE6下便会产生双边距问题：如果设置 float:left 那么左边距会是原来margin的两倍；如果是float:right，那么右边距会是原来margin的两倍。         代码如下：
前端常见的浏览器兼容性问题及解决方案
weixin_30659829的博客
09-14 347
常见的兼容性问题： 1、不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同 解决方案： css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题 解决方案：设置display:inline; 3、当标签的高度设置小于10px，...
前端浏览器兼容性问题总结
qq_25194685的博客
10-12 460
市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js引擎，内核更加倾向于说渲染引擎。 常见的浏览器内核可以分四种：Trident、Gecko、Blink、Webkit IE浏览器：Trident内核，也称为IE内核 Chrome浏览器：Webkit内核，现在是Blink内核 Firefox浏览器：Gecko内核，俗称Firefox内核 Safari浏览器：Webkit内核 Opera浏览器：最初是自己的Presto内核
前端如何解决浏览器的兼容问题
lff18277233091的博客
02-20 466
转载于 不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。 浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。 常见的浏览器内核： 不同浏览器的默认样式存在差异，可以使用 Normalize.css 抹平这些差异。 1.不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding...
08-React redux
09-14
redux 相关代码以及 redux 开发者工具
C#中的数据库迁移是如何实现的
09-14
在C#中，数据库迁移是Entity Framework（EF）的一个核心功能，它允许开发者通过代码变更来更新数据库结构。以下是如何在C#中使用Entity Framework实现数据库迁移的详细步骤和代码示例。 Entity Framework的迁移功能为C#开发者提供了一种强大的工具，用于管理和应用数据库架构的变更。通过上述步骤和命令，可以在开发过程中轻松地同步模型和数据库的更改。在实际开发中，应确保在应用迁移之前充分测试，以避免数据丢失或不一致的问题。 在C#中，数据库迁移是Entity Framework（EF）的一个核心功能，它允许开发者通过代码变更来更新数据库结构。以下是如何在C#中使用Entity Framework实现数据库迁移的详细步骤和代码示例。 Entity Framework的迁移功能为C#开发者提供了一种强大的工具，用于管理和应用数据库架构的变更。通过上述步骤和命令，可以在开发过程中轻松地同步模型和数据库的更改。在实际开发中，应确保在应用迁移之前充分测试，以避免数据丢失或不一致的问题。
RS485数据收发程序示例
09-14
RS485数据收发程序示例
基于ssm的闲置图书分享平台系统设计与实现.docx
最新发布
09-14
基于ssm的闲置图书分享平台系统设计与实现.docx
C#中的Lambda表达式：简化委托与表达式树
09-14
在C#编程语言中，Lambda表达式提供了一种简洁的方式来表示匿名函数，即没有具体名称的函数。Lambda表达式在C# 3.0中引入，作为.NET Framework的一部分，它们在LINQ（Language Integrated Query）查询中尤其有用，但也可以用于任何需要委托类型的地方。 Lambda表达式是C#中一个非常强大和灵活的特性，它允许以简洁的方式编写匿名函数。Lambda表达式可以用于委托、表达式树、LINQ查询等多种场景。通过使用Lambda表达式，开发者可以编写更加简洁、可读和可维护的代码。理解Lambda表达式的工作原理和使用场景对于编写高效的C#程序至关重要。 在C#编程语言中，Lambda表达式提供了一种简洁的方式来表示匿名函数，即没有具体名称的函数。Lambda表达式在C# 3.0中引入，作为.NET Framework的一部分，它们在LINQ（Language Integrated Query）查询中尤其有用，但也可以用于任何需要委托类型的地方。 Lambda表达式是C#中一个非常强大和灵活的特性，它允许以简洁的方式编写匿名函数。Lambda表达式可以
IE6浏览器兼容性修复与CSS排版技巧
3. **浮动元素的display属性**：IE6的双倍外边距问题是一个经典bug，通过给浮动元素设置`display:inline`可以修正。这可以防止元素因浮动而产生的意外外边距。 4. **hasLayout属性**：这是IE特有的概念，某些元素在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值