IE中怎么会出现双倍边距？

IE6.0环境中双倍边距BUG。先看下面的CSS代码。

 代码如下 复制代码
div {
    float:left;
    margin-left:10px;
    width:420px;
    height:150px;
    border:1px solid red
    }

　　这样设置以后。本来左边距设置为10px，但IE6.0解释为20px，这是一个比较头疼的问题。
　　但解决也非常简单。办法就是是加上display:inline。就搞定了。看下面的示例对比！
双陪边距的效果：

 代码如下 复制代码

body {
margin:0
}
div {
float:left;
margin-left:10px;
width:420px;
height:150px;
border:1px solid red
}
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
　　

[ 可先修改部分代码 再运行查看效果 ]

 代码如下 复制代码

body {
margin:0
}
div {
float:left;
margin-left:10px;
display:inline;
width:420px;
height:150px;
border:1px solid red
}
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
Div+CSS XHTML XML 教程大全 -
时间： 2024-10-03 16:24:46

IE中怎么会出现双倍边距？的相关文章

关于居中布局和IE双倍边距bug_CSS/HTML

今天google了一下css居中布局的问题,结果差不多都是引用了同一篇文章.在ie中要居中,只要在<body>元素中定义text-align:center;的属性.而在firefox中,需要定义一个wrapper包裹器.然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中.其实,我自己都是用margin:auto;的缩写margin属性来设定居中.margin缩写属性是上.右.下.左的顺时针顺序来设定四个方位的页面边距的.需要注意的

ie6 文字溢出bug(注释bug) 双倍边距(margin)的bug 宽度100%问题解决方法

1.在以下情况下将会引起文字溢出bug 一个容器包含2两个具有"float"样式的子容器. 第二个容器的宽度大于父容器的宽度,或者父容器宽度减去第二个容器宽度的值小于3 在第二个容器前存在注释(这也是为什么此bug也叫做"IE6注释bug"的原因). 2.引起bug时的效果图                 这是正常效果        IE6下却多了一个"怪"字,真是怪   3.修复该bug的解决方案 改变结构,不出现[一个容器包含2两个具有&q

WPS文字中如何设置上下左右页边距的距离

  "页边距":页面上打印区域之外的空白空间. 1.设置页边距: 在"上"."下"."左"和"右"框中输入所需的页边距大小. 2.设置页眉或页脚的页边距 1)若要更改页眉和页顶端之间的距离,在"页眉"编辑框中输入新的边距数值即可. 2)若要更改页脚和页底端之间的距离,在"页脚"编辑框中输入新的边距数值即可. 注:这些设置值应该小于工作表中所设置的上.下边距... 新建

Word2003文档中设置纸型和页边距

  在Word2003中新建的文档默认纸张大小为A4纸型,上.下页边距为2.54厘米,左.右页边距为3.17厘米.这样的设置可以满足大多数应用需求,当然用户也可以根据实际需要重新选择纸型并设置页边距,操作步骤如下所述: 第1步,打开Word2003文档窗口,依次单击"文件"→"页面设置"菜单命令. 第2步,在"页边距"选项卡中,根据需要分别设置中上.下.左.右页边距.如果打印出的文档需要装订,则可以设置"装订线"微调框的数值,

解决在IE6的双倍边距的BUG问题

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline.以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

如何在Word 2013中设置折页和拼页页边距

对于普通的Word2013文档来说,设置页边距比较简单.而对于对称页.拼页和书籍折页Word文档,在设置页边距的时候则需要考虑装订线位置.多余页边距等因素.在Word2013文档中设置折页或拼页页边距的步骤如下所述: 第1步,打开Word2013文档窗口,切换到"页面布局"功能区.在"页面设置"分组单击显示"页面设置"对话框按钮,如图2013072820所示. 图2013072820 单击显示"页面设置"对话框按钮 第2步,在

word2010中怎么设置页边距

  很多的朋友,在Word中编辑文档时,都不会去设置页边距,都是使用默认的.但是在一些文档的编辑当中,页边距的设置是十分重要的,所以小编要来介绍一下,关于word2010页边距设置的技巧. word2010 方法一 打开Word2010文档,单击"页面布局"选项卡. 在"页面设置"中单击"页边距"按钮. 在页边距列表中选择合适的页边距. 方法二 打开Word2010文档,单击"页面布局"选项卡. 在"页面设置&quo

CSS网页制作技巧教程:margin在IE中的表现

文章简介:margin用法小结. margin的位移方向是指margin数值为正值时候的情形,如果是负值则位移方向相反. 如上图所示:黄色子元素盒的margin-top,margin-left为负值时,如-10px,则黄色子元素盒向上(向左)移动,越过相邻元素10px:黄色子元素盒的margin-right,margin-bottom为负值时,如-10px,黄色子元素盒不动,它右边(下边)的相邻元素和左移(上移)10px,垂直外边距合并问题垂直外边距合并问题常见于第一个子元素的margin-to

css中Margin用法你真的懂了么？

Margin是什么 CSS 边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.--W3School 边界,元素周围生成额外的空白区."空白区"通常是指其他元素不能出现且父元素背景可见的区域.--CSS权威指南 我比较喜欢使用"外边距"这个词来解释margin(同理padding可以称之为"内边距",但是我又恰恰喜欢称呼padding为"补白"或