IE6双倍margin间距两大解决方案
来源:互联网 发布:qq网络营销软件 编辑:程序博客网 时间:2024/05/21 17:05
你对IE6双倍margin间距解决方法是否比较熟悉,这里和大家简单分享一下,希望通过本文的学习你对此解决方法有深刻的认识。
IE6双倍margin间距解决方法
方法1:
假设:一个div代码为
<div style="float:left;margin-left:10px;"> </div>
当一个css样式同时设置了float和margin的属性的时候,在ie7+及火狐上,该元素显示正常。但是在ie6下,将会出现双倍的margin-left属性值,也就是上面那段代码中的div在ie6下的实际margin-left的值是20px;
解决此办法的最简单的方法是,在style中添加:display:inline;
如上面的代码将改为:
<div style="float:left;display:inline;margin-left:10px;"> </div>
方法2:
可以使用以下办法来书写兼容浏览器的css代码:
第一种:.
div{
background:orange;/*ff*/
*background:green!important;/*ie7*/
*background:blue;/*ie6*/
}
第二种:
.div{
margin:10px;/*ff*/
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/
}
第三种:
#div{color:#333;}/*ff*/
*html#div{color:#666;}/*IE6*/ *
+html#div{color:#999;}/*IE7*/
- IE6双倍margin间距两大解决方案
- IE6双倍margin间距两大解决方案
- IE6双倍margin间距两大解决方案
- IE6双倍margin间距解决方法
- ie6 下双倍 margin bug 及解决方案
- IE6 margin 双倍边距解决方案
- IE6 margin 双倍边距解决方案
- IE6 margin 双倍边距解决方案
- ie6 margin双倍问题
- IE6兼容性,双倍距离margin
- ie6 双倍margin 的解决办法
- ie6产生双倍间距的BUG
- IE6双倍浮动间距的问题解决
- margin值在IE6变成双倍
- IE6下margin双倍边距
- 解决IE6下margin双倍边距问题
- CSS FLOAT 扫盲之ie6 下双倍margin问题
- IE6下margin双倍边距Bug处理办法
- Qt 时间显示
- Linux ulimit限制问题以及优化
- 两个程序源码---ASM
- 此网页包含重定向循环
- NOJ 1301 Gopher Hole 并查集好题 n*n矩阵上打洞 不相连洞的个数
- IE6双倍margin间距两大解决方案
- 测试代码
- 12A Super Agent
- CNC Software
- gdb调试Python进程
- C语言实现通用数据类型栈结构
- 关于window编程的鼠标消息
- Eclipse快速入门:远程调试Java应用
- Java Applet 程序的远程调试方法