0

IE9とCSSに関して問題があります。

ページの右側にあるボタンを揃えたいHTML5フォームがあります。ただし、IE9でのみ、接続がないように見えるdivに正しく整列します。

ChromeとFirefoxでは、次のようになります。 ここに画像の説明を入力してください

それが望ましい結果です。

しかし、IE9では、次のようになります。 ここに画像の説明を入力してください

F12 Developerツールの設定をいじってみると、「ドキュメントモード:IE7標準」と任意のブラウザモードを選択しても機能します。

HTMLは次のようになり、 http: //html5.validator.nu/でHTML5検証されここに画像の説明を入力してください ます。ご覧のとおり、このdivは他のdivとは関係ありません。

スタイルウィンドウは次のようになります(すべてのcssファイルはcss3で有効です): ここに画像の説明を入力してください

私はすでにここで提案されているようなスパンを配置しようとしました: InternetExplorer9のCSSとDivのリストのテキストを揃えます

他の提案は大歓迎です、または仕事をする回避策。

4

1 に答える 1

0

私はついにそれを理解しました。各ダブヘッドdivの前に次の行を追加すると、トリックが実行されます。

<div style="clear:both;"></div>

参照:-style = "clear:both"の使用は何ですか?

于 2013-02-01T12:28:01.903 に答える