今天碼的時候遇到這個問題了。

如果本身是內嵌元素的，把它的display屬性設定為inline-block時，所有瀏覽器都是支援的。

相反，如果本身是區塊級元素的，把它設為display：inline-block;  那麼ie6/ie7都是不支援的。

IE中對內聯元素使用display:inline-block，IE是不識別的，但使用display:inline-block在IE下會觸發layout，從而使內聯元素擁有了display:inline-block屬性的表徵。

這時區塊元素只是被display:inline-block觸發了layout，而它本身就是行佈局，所以觸發後，區塊元素依然還是行佈局，而不會如Opera中區塊元素呈現為內嵌物件。

解決方案：

1.（這個是我這次使用的）

直接讓區塊元素設定為內聯物件呈現（設定屬性display:inline），然後觸發區塊元素的layout（如：zoom:1 或float屬性等）。代碼如下：
  /*推薦:IE6、7*/ div { 

                     #                之後# c                                 *zoom:1;

##     inline;

                               }

##三者缺一不可

        /*建議*/div {

##                  問題# #                         _zoom:1;

     與                      } 

2 、（copy過來）

先使用display:inline-block屬性觸發區塊元素，然後再定義display:inline，讓區塊元素呈現為內聯物件（兩個display 要先後放在兩個CSS宣告中才有效果，這是IE的一個經典bug，如果先定義了display:inline-block，然後再將display設回inline或block，layout不會消失）。程式碼如下（...為省略的其他屬性內容）： 

div {display:inline-block;...} 
div {display :inline;}