html - ie8 のセンタリング div が機能しない

Question

重複の可能性:
「margin: 0 auto;」の使用 Internet Explorer 8 で

margin: 0 auto;高さを明示的に指定してdivを中央に配置しようとしていますが、特定の状況では機能しません。他のブラウザでも動作します。私の特定の状況で機能しない理由を誰か教えてください。ここにjsbinリンクがあります

http://jsbin.com/afukif/43/edit .

Answer 1

margin: 0 auto要素の親に関するものです。親がターゲットと同じ幅の場合、margin: 0 auto;何もしません。この場合、親要素は のようですbody。これを CSS で設定します。

body, html {
    width: 100%;
}

IE 8 でテスト済み:

http://jsbin.com/afukif/61/edit

Answer 2

Internet Explorerでは、通常、親要素をtext-align:center;で設定してから、内側の要素の配置を左に設定する必要があります。IEが常に認識しているとは限らないため、これを数回行う必要がありましたmargin: 0 auto;。また、それを使用margin: 0 auto;している場合は、中央に配置しようとしている要素の幅を設定していることを確認してください。そうでなければ、マージンを計算する方法がわかりません。

Answer 3

試す

マージン左: 自動; マージン右: 自動;