使用zoom解决IE6 margin无效BUG
(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )
IE6 margin无效的bug, 解决方法有很多。
其中有个解决办法之一。
看代码:
复制代码代码如下:
<div style="margin-top:10px;">some contents</div>
在一些情况下IE6会无效,解决办法是下面的方式。看代码:
复制代码代码如下:
<div style="zoom:1;">
<div style="margin-top:10px;">some contents</div>
</div>
就是在最外层加上一个div盒子加上zoom:1值
zoom只有IE6才有的,可以让元素放大缩小
触发IE浏览器的haslayout
其中有个解决办法之一。
看代码:
复制代码代码如下:
<div style="margin-top:10px;">some contents</div>
在一些情况下IE6会无效,解决办法是下面的方式。看代码:
复制代码代码如下:
<div style="zoom:1;">
<div style="margin-top:10px;">some contents</div>
</div>
就是在最外层加上一个div盒子加上zoom:1值
zoom只有IE6才有的,可以让元素放大缩小
触发IE浏览器的haslayout
下一篇:IE6浮动换行bug比较实用简单解决方法