1、双边距问题
#mydiv{
float: left
margin-left: 100px
}
在ie6下这个div的左边距和普通的浏览器不同，他会是200px
修复这个问题：
加一个属性 display:inline;
2、IE下面的hasLayout问题
div#box{
background: red;
filter:aplpha(opacity=50);
opacity:0.5;
}
<!DOCTYPE HTML>
...
<div id="box">
test
</div
IE6\7下面div是没有hasLayout，没有它，那么滤镜就不会起作用
默认没有hasLayout属性的DOM节点
div，span
我们可以用css属性来激活元素的hasLayout
•position
•float
•width(!auto)
•height(!auto)
•zoom
•overflow
div#box{
background: red;
filter:aplpha(opacity=50);
opacity:0.5;
height: 20px; /**让hasLayout起作用*/
}
3、IE6\7不支持display:inline-block的显示方式
修复这个问题可以通过单独对IE6\7设置一些属性
div#box{
display:
inline-block;
*display:inline;
*zoom:1;
}
4、注意元素的Margin重叠问题
•水平margin不重叠
•浮动元素上下margin不重叠(float)
•飘动元素上下margin不重叠(position)
•常规折行上下margin重叠
扫一扫
2592
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
