IE-6的双边距BUG

最新推荐文章于 2019-12-24 16:13:14 发布
最新推荐文章于 2019-12-24 16:13:14 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： 前端开发 文章标签： float ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangjj_016/article/details/3086136
版权

<script type="text/JavaScript"> alimama_pid="mm_11307516_1146824_2589042"; alimama_titlecolor="0000FF"; alimama_descolor ="000000"; alimama_bgcolor="FFFFFF"; alimama_bordercolor="E6E6E6"; alimama_linkcolor="008000"; alimama_bottomcolor="FFFFFF"; alimama_anglesize="0"; alimama_bgpic="0"; alimama_icon="0"; alimama_sizecode="12"; alimama_width=468; alimama_height=60; alimama_type=2; </script> <script src="http://a.alimama.cn/inf.js" type="text/javascript"> </script>


IE-6的双边距BUG。
    对两个块张元素的嵌套，如果都使用FLOAT属性，在IE-6下会出现双边距现象，比如明明设置margin-left为5px，在IE-6下会显示10px; 这时需要对被嵌套的块级元素使用display:inline;告知此为内联对象。
    图示：
    在IE7中     i20071228103334.jpg                       在ie6中   t2007122810340.jpg             
这是样式：
g20071228103522.jpg
不杂当下
关注
专栏目录
IE浏览器兼容问题 （1）IE6的双倍外边距bug
GTX2077的博客
08-10 305
这里写自定义目录标题IE浏览器兼容问题 （1）IE6的双倍外边距bug例子解决方法 IE浏览器兼容问题 （1）IE6的双倍外边距bug 在IE6中，当为一个向左浮动的元素设置左外边距，或者为一个向右浮动的元素设置右外边距时，这个外边距将会是设置的值得2倍。 例子 1.设置一个块元素为高宽100px的红色正方体。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Ie6的双倍外边距
IE6双边距BUG
weixin_34217773的博客
04-20 106
在IE6下如果某个标签使用了float属性，同时设置了其外补丁: float:left;margin:10px0010px 可以看出，上边距和左边距同样为10px，但第一个对象距左边有20px。 如果向右浮动右边距设置为10px，则最靠近右边的浮动元素的右边距为20px。即边距方向和浮动方向一致时，靠近浮动方向一侧的元素会出现双边距。 解决办法： ...
IE6双边距bug及其解决办法
Annay_li的博客
08-31 848
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> body,div{ margin:0; padding:0; } #div1{ width:200px; he
IE6的双边距Bug以及解决办法
happyqyt的专栏
03-18 390
bug描述：就是你明明设置margin-left为10px，但是在IE6下显示的左边距却是20px。 bug出现的条件：当浮动元素的浮动方向和外边距的设置方向一致且浮动元素靠近浮动边界时才会出现。比如元素向左浮动时设置左边距，并且为一行中的第一个浮动元素时会出现这个bug，同样，向右浮动时设置右边距，且为一行中的最后一个浮动元素时也会出现这个bug。 bug的解决办法：给浮动元素块加上disp...
IE 双边距Bug
老李 技术 专栏
11-04 4386
 一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox { float: left; width: 150px; height: 15
IE6常见bug附解决方法
01-19
doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）解决方法：display:inline 3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9...
IE6下兼容性常见的几个问题与解决方法
09-24
第七个问题，IE6的双边距bug，横向margin值会被放大两倍。使用display:inline可以修复这个问题，使元素不被视为块级元素，从而避免边距加倍。 最后，问题八涉及到IE6下的外边距消失。当父元素宽度和内容宽度差异...
iebug总结jar包
04-08
5. **双边距问题**：在IE6中，浮动元素的内联元素会额外增加一个像素的边距，可通过负margin或者`display:inline-block`来修复。 6. **CSS选择器限制**：IE6不支持一些高级CSS选择器，如`:hover`在非链接元素上、`:...
网站布局--前端布局之BUG堆积如山.rar
03-18
布局中，IE6的兼容性是比较令人头疼的，对于3像素BUG、margin双边距、下拦菜单被选择框摭住、躲猫猫BUG、边框线右若隐若现情况啊、、、、等等的产生机理，都有详细分析，有兴趣的童鞋可以看下以做参考。相信会在实际...
浏览器兼容-ie6之双边距bug
E78790602的博客
09-15 199
今天看到同事提交的bug，a页面右下角三个按钮在ie下显示地位置不一样。 有图右真相 　　ff下： 　　 　　用ietester下测了下，发现在ie7,8显示都是和ff里一样的，而在ie6下三个按钮的位置就不是居中而是明显偏右了。 　　 　　呵呵，再一看源代码，发现购买这个按钮的样式是同时设置了float：left和margin-left:45px，呵呵，那估计就是双...
IE6双边距BUG演示及解决方法
ZH2357710792的博客
04-07 203
IE6双边距bug演示 　　当为一个块级元素同时设置float和margin属性时，在IE6下元素的margin显示效果为原来的2倍。 　　简单的例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D...
IE6下的双边距BUG
似水流年
03-31 409
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及其解决办法
weixin_30487201的博客
11-30 93
<!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>&lt...
ie6双边距
u014773932的博客
06-04 345
ie6双边距 在IE6中红色方块距离浏览器的左边距并不是CSS代码中定义的2 0像素，而是40像素，如下图： 其实这是IE6的一个BUG(IE6双倍边距BUG)，只要满足下面3个条件才会出现这个BUG:         1）要为块状元素；         2）要左侧浮动；         3）要有左外边距(margin-left)；   解决这个BUG很容易，只需要在相
解决IE6双倍边距bug问题
爱前端的程序媛的博客
12-24 520
出现双边距一般都是在排版中遇到的问题。 IE6 的双倍边距bug： 在IE6中，当为一个向左浮动的元素添加左外边距，或者为一个向右浮动的元素添加右外边距时， 这个外边距值将会是设置的值的两倍 举个例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
【Html】双边距问题
O(∩_∩)O
12-10 1636
IE6中双边距Bug： 　　发生场合：当给父元素内第一个浮动元素设置margin-left(元素float:left)或margin-right(元素float:right)时margin加倍。 　　解决方法：是给浮动元素加上display:inline;CSS属性;或者用padding-left代替margin-left。 　　原理分析：块级对象默认的display属性值是bl
CSS中IE6下双边距BUG解决方案
UniKylin
03-21 1823
其实这个问题在刚学习CSS的时候就知道怎样解决了，但是一直不知道为什么会出现这种现象，今天顺便记录一下。1.为什么会出现双边距BUG？ <style type="text/css"> body,div{padding: 0;margin: 0;} .box{border: 10px solid black;float: left;} .inner{width: 100px;h
一个关于ie的bug——双边距bug。
小猪的学习笔记
04-03 407
今天用CSS写样式的时候，发生一件非常不和谐的事。自己写的CSS样式在ie7和FF中都没有问题，但是客户说在ie6中的布局是乱的，后来看一下，用CSS hack给解决了。但实在想不通为什么会出这样的问题，于是google了一下，终于发现问题之所在。双边距BugDouble-Margin BugInternet Explorer 6和其更早的版本有时会把已经应用到浮动元素上的一个边距尺寸
IE6浏览器兼容性修复与CSS排版技巧
3. **浮动元素的display属性**：IE6的双倍外边距问题是一个经典bug，通过给浮动元素设置`display:inline`可以修正。这可以防止元素因浮动而产生的意外外边距。 4. **hasLayout属性**：这是IE特有的概念，某些元素在...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值