最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
IE6中float造成margin值双倍解决办法
时间:2013-10-16 编辑:简简单单 来源:一聚教程网
例1
一个元素向左浮动(float:left),且添加了向左空白边(margin-left:10px),那么会自动的加一倍变成30px。
例:
代码如下 | 复制代码 |
IE6双空白边bug |
解决方法:
给div[id=d1]加:display:inline,当然只针对IE6一下,可以使用下划线加属性-display:inline,这样只有IE6能识别了。
边距翻倍只有当元素的边距碰到包含块时才发生。当一个元素被浮动到另一个浮动元素时不会翻倍。另marginTop和marginBottom都不会翻倍。
不知道大家有没有看懂没懂我们再看
例2
假如为一个div设置css:
float:left;
margin-left:10px;
在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。
解决方法:
为这个div的css中添加:
display:inline;这个是ie6的bug,下面还有更好的解决办法!借助于padding样式和!important标记,可以实现Firefox与IE6的兼容效果。
代码如下 | 复制代码 |
借助于padding样式和!important标记,可以实现Firefox与IE6的兼容效果。 width: 100px; height: 100px; margin: 100px; |
第一种:
代码如下 | 复制代码 |
.div { |
第二种:
代码如下 | 复制代码 |
.div { |
第三种:
代码如下 | 复制代码 |
#div { color: #333; } /* ff */ |
相关文章
- 微软新版Surface Laptop预售 你会充值信仰吗 07-31
- 阴阳师神龛金御札兑换随机SSR 阴阳师金御札值不值得换 07-31
- 火影忍者手游泳装雏田好吗 值得买吗 07-10
- 一加5对比努比亚Z17 谁是高颜值超长续航战斗机 07-06
- 英雄无敌罗伊德技能实力分析 罗伊德值得培养吗 07-06
- WPS表格添加筛选唯一值功能教程 07-04