IE7以下display:inline-block无效

bug问题：

　　在IIE7、IE6中不识别display:inline-block属性，无法实现display:inline-block的效果。

<style> 
div{display:inline-block;width:200px;height:50px;}
</style>
<div>div</div>
<div>div</div>

 

修改方法：

　　在IIE7、IE6中不识别display:inline-block属性，只能显现成行内元素，行内元素无法设置长宽、边距。但IE自带的haslayout属性，可以让行内元素进行长宽、边距的设定。

　　div{display:inline-block;_zoom:1;*display:inline;}

　　触发haslayout的元素属性有很多，因为是IE的私有属性，习惯用IE的另外一个私有属性zoom进行触发。（虽说display:inline-block也可以触发haslayout，但是一条css中有两个display属性，会使第一个被替换掉，不起作用）