很多时候我们必须使一些块元素并排显示，一般想到的是必须使用浮动，但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG，所以很多时候不得不把这个块元素套在一个内联元素里面，然后给内联元素浮动和边距。 其实现在我们还可以使用display:inline-block来实现相同的功能，但使用时要特别注意浏览器的兼容问题。

1、display:inline-block
简单来说就是让一个元素具有“区块元素”的属性（可以设置width和height），又具有“内联元素”的属性（不产生换行）。

2、IE中的inline-block
IE6不支持这个属性，但IE8开始支持这个属性。

让IE6内联元素具备inline-block特性

div {
    width:400px;
    height:200px;
    display:inline-block;
}
div {
    display:inline;
}

div {
    width:400px;
    height:200px;
    *display:inline;
    *zoom:1;
}