不得不说display:inlin-block真是个非常实用的属性，它能使行内元素和块状元素变成“行内块状”元素，简单的说就是被设置display:inlin-block后，元素会像行内元素一样从左到右排列，而同时又具有块状元素那样可以设置宽高。在很多时候网页布局就简单很多了，但是在ie6/ie7中，块状元素添加此属性却无法正常显示，该怎么办呢？

在低版本IE下，display: inline-block只是触发了元素的layout。比如将display: inline-block设置到div上，只能保证这个div拥有块元素的特征（可以设置宽度，高度等），但还是会产生换行。

接下来要设置display: inline，使其不产生换行。将display:inline-block;*display:inline;写在同一个样式上，inline-block属性是不会触发元素的layout的，因此我们还要额外加上 *zoom:1来触发layout!

兼容IE6/IE7的display:inline-block写法

直接让块元素设置为内联对象呈递（设置属性 display:inline），然后触发块元素的 layout（如：zoom:1 等）。
兼容各浏览器的代码如下：

div {display:inline-block;*display:inline; *zoom:1;...}

这样处理后，就解决了display:inlin-block在ie6/ie7中无效的问题，也算是前端开发的一个小技巧，笔者在项目中遇到此问题，做笔记记录，同时也希望能够帮到有需要的人。