IE下ブロック要素実装display:inline-block

display:inline-block
オブジェクトはインラインオブジェクトとして提示されますが、オブジェクトの内容はブロックオブジェクトとして提示されます.隣のインラインオブジェクトは同じ行に渡され、スペースが許可されます.
現在サポートされているブラウザは、IE 8、Firefox 3、Opera、Safariです.
シナリオ1:
まずdisplay:inline-blockを定義してlayoutをトリガーし、displayをblockまたはinlineに戻します.layoutは消えません.
2つのディスプレイは前後して2つのCSSの中で宣言してこそ効果がある.これはIEの古典的なBUGである.

.inline-block {
     display:inline-block; /*        layout */
 }  
.inline-block {
    display:inline; /*             */
}

シナリオ2:(推奨シナリオ)

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