*display:inline;zoom:1;这是有什么用呢?
IE6,7下块级元素display: inline-block
仍然表现的是block
display:inline
是让块级元素表现为行内元素,zoom:1
触发IE下的hasLayout,即表现为inline-block
ie 6/7 不支持inline-block,所做的hack,inline触发行内,zoom触发haslayout,使整体表现与inline-block一致,实际上触发haslayout的手段很多,但zoom=1是副作用最小的
*display:inline;
zoom:1;
使得在ie6 7中表现出display:inline-block;的效果。
display:inline将元素设定为行内元素
zoom:1 使该元素具备一定块级元素特征,也就是layout。
整体效果同display:inline-block,行内块,具备行内元素部分特征(并排呀,按行高居中呀),也具备块级元素部分特征。
为了兼容老版本浏览器。
zoom也总在清除浮动,解决浮动元素父元素坍塌(实际上是浮动元素脱离文档流)。