IE inline-block bug 解决方法

IE6/IE7下：inline-block解决方案

原理：IE中对内联元素使用display:inline-block，IE是不识别的，但使 用display:inline-block在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表征。从 上面的这个分析，也不难理解为什么IE下，对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元 素仅仅是被display:inline-block触发了layout，而它本身就是行布局，所以触发后，块元素依然还是行布局，而不会如Opera中 块元素呈递为内联对象。

兼容方案：先使用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（两个display 要先后放在两个CSS声明中才有效果，这是IE的一个经典bug