inline元素的display属性设置为inline-block时触发layout属性,简单的认为IE6、7可以支持;而block元素不支持。
对block元素,有两种方法可以解决:
1. 对block元素定义display:inline-block,再在另一个CSS声明中定义display:inline,让block元素变为inline元素;这样可以实现inline-block的效果。这种方法用的是IE的BUG.代码:
div {display:inline-block;}
div {display:inline;}
2. 对block元素定义display:inline,然后用zoom触发其layout属性;以此实现inline-block的效果。代码:
div {display:inline-block; *zoom:1;*display:inline;}