热搜：编程 Python Microsoft 编程语言 C++

IE6 float:left margin-left出现两倍像素

发布时间：2023-03-02 23:16:42 来源：网络

.

对待健康，偏见比无知更可怕！微笑不用成本，但能创造财富。赞美不用花钱，但能产生力量。分享不用费用，但能倍增快乐。

在IE6下（标准模式/怪异模式）
一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)，那么会自动的加一倍变成30px。
例：

复制代码

代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>IE6双空白边Bug</title>
</head>
<body>
<div style="border:1px solid red;width:200px;">
<div id="d1" style="margin:0 0 0 10px;float:left;border:1px solid gray;">
IE6双空白边bug
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>

解决方法：
给div[id=d1]加：display:inline,当然只针对IE6一下，可以使用下划线加属性-display:inline，这样只有IE6能识别了。
边距翻倍只有当元素的边距碰到包含块时才发生。当一个元素被浮动到另一个浮动元素时不会翻倍。另marginTop和marginBottom都不会翻倍。

到此这篇关于IE6 float:left margin-left出现两倍像素就介绍到这了。曾有人这样定义坎坷：”它常常横在人生道路上，考验人们的意志。“坎坷会把弱者跌得一蹶不振，而对于强者，它却是借以登上理想巅峰的台阶。面对成长，勇敢地去接受它吧，不要”无为空自老，含叹负平生“。更多相关IE6 float:left margin-left出现两倍像素内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

以下您可能有感兴趣的文章:

标签： 两倍 float