ie6/ie7下對display:inline-block的支援性不好。
1、inline元素的display屬性設定為inline-block時，所有的瀏覽器都支援；
2、block元素的display屬性設定為inline-block時，ie6/ie7瀏覽器是不支援的；
物件呈遞為內聯物件，但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行，允許空格。（準確地說，應用此特性的元素現為內聯物件，周圍元素保持在同一行，但可以設定寬度和高度等塊元素的屬性）
ie中對內聯元素使用display:inline-block，ie是不識別的，但使用display:inline-block在ie下會觸發layout，從而使內聯元素擁有了display:inline-block屬性的表徵。從上面的這個分析，也不難理解為什麼ie下，對塊元素設定display:inline-block屬性無法實現inline-block的效果。這時塊元素僅僅是被display:inline-block觸發了layout，而它本身就是行布局，所以觸發後，塊元素依然還是行布局，而不會如opera中塊元素呈遞為內聯物件。
ie6下塊元素如何實現display:inline-block的效果？
有兩種方法：
1、 先使用display:inline-block屬性觸發塊元素，然後再定義display:inline，讓塊元素呈遞為內聯物件（兩個display 要先後放在兩個css宣告中才有效果，這是ie的乙個經典bug，如果先定義了display:inline-block，然後再將display設回 inline或block，layout不會消失）。**如下（...為省略的其他屬性內容）：
div
div
2、直接讓塊元素設定為內聯物件呈遞（設定屬性display:inline），然後觸發塊元素的layout（如：zoom:1 或float屬性等）。**如下：
div /*推薦*/
div /*推薦:ie67*/
觸發haslayout
的情況有很多
display: inline-block
* height: (任何值除了
auto)
* float: (left 或
right)
* position: absolute
* width: (任何值除了
auto)
* writing-mode: tb-rl
* zoom: (除
normal
外任意值
)internet explorer 7 還有一些額外的屬性
(不完全列表
):* min-height: (任意值
)* max-height: (除
none
外任意值
)* min-width: (任意值
)* max-width: (除
none
外任意值
)* overflow: (除
visible
外任意值
)* overflow-x: (除
visible
外任意值
)* overflow-y: (除
visible
外任意值
)* position: fixed
都會觸發
IE6 IE7下 inline block解決方案
ie6 ie7下對display inline block的支援性不好。1 inline元素的display屬性設定為inline block時，所有的瀏覽器都支援 2 block元素的display屬性設定為inline block時，ie6 ie7瀏覽器是不支援的 物件呈遞為內聯物件，但是物件的...
IE6 IE7下 inline block解決方案
ie6 ie7下對display inline block的支援性不好。1 inline元素的display屬性設定為inline block時，所有的瀏覽器都支援 2 block元素的display屬性設定為inline block時，ie6 ie7瀏覽器是不支援的 物件呈遞為內聯物件，但是物件的...
IE6 IE7下 inline block解決方案
ie6 ie7下對display inline block的支援性不好。1 inline元素的display屬性設定為inline block時，所有的瀏覽器都支援 2 block元素的display屬性設定為inline block時，ie6 ie7瀏覽器是不支援的 物件呈遞為內聯物件，但是物件的...