ie7下，
<style type="text/css">
.t{border:1px solid;height:100px;}
</style>
<body>
<span class="t">123</span>
</body>
给一个行内元素加边框的话，只会出现左右两个边，上下的边框都找不到了，同时加的高度也丝毫不起作用。
这个时候可以加zoom:1来帮助ie触发layout，所谓的layout就是帮助ie更好的解析盒模型。如：
.t{border:1px solid;height:100px;zoom:1;}
这样以后，span不光四个边框齐全了，而且也有了100px的高度，这个效果相当于加了inline-block。
其实inline-block无论是ie6,ie7都不支持，而是因为inline-block和zoom:1一样，有触发ie的layout的能力，于是才可以给行内元素增加高度或者上下margin,padding等效果。
所谓layout就是让其更像盒模型。。。。
扫一扫
887
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
