ホームページ >ウェブフロントエンド >htmlチュートリアル >このコードは IE6 では正しく動作しません。IE6 のバグですか? _html/css_WEB-ITnose
このコードは IE6 では正しく動作しません。IE6 のバグですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:19:041006ブラウズ
ie6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>test</title><style type="text/css">ul { width:200px;LIST-STYLE-TYPE: none; } ul li { float:left;width:40%;margin:5px;background-color:#cccccc;</style></head><body> <ul> <li><a href="#" target="_blank">111</a></li> <li><a href="#">中文</a></li> <li><a href="#" target="_blank">333</a></li> <li><a href="#" target="_blank">444</a></li> </ul> </body></html> 上記のコードは、IE8、IE9、Firefox、Chrome では通常、次のように表示されます:
111 中国語
333 444
しかし、IE6 では、次のように表示されます:
111 中国語
333
444
近日公開 「中国語」の後に空白があります。中国語を 222 に変更すると、表示は正常に戻ります。
何が起こっているのか、そしてそれをどう変えるのか?
ディスカッションへの返信 (解決策)
高さを追加するとうまくいくようです
float:left;
margin:5px; ;
height: 20px;
}
LZ のコードには中国語が含まれていますが、中国語フォントが設定されていません。
さらに、IE6 にはフローティングによる二重マージンという古典的なバグがあるため、LI は display:inline; を追加する必要があります
LZ のコードには中国語が含まれていますが、中国語フォントは設定されていません。それ。 。
さらに、IE6 にはフローティングによって二重マージンが発生するという古典的なバグがあるため、LI は display:inline; を追加する必要があります
Song フォントを設定した後は確かに改善されました。なぜ中国語用のフォントを設定する必要があるのでしょうか?
具体的な理由はわかりませんが、一般的にフォントはデフォルトで設定されています。
float:left;
margin:5px;
height:2 0px; とても良いです追加後、はい、理由はわかりませんが、IE6 だけがこれを行います。
LZ のコードには中国語が含まれていますが、中国語フォントが設定されていません。
さらに、IE6 にはフローティングによる二重マージンという古典的なバグがあるため、LI には display:inline; を追加する必要があります
div と同様に、display:inline; を 1 行に配置するように設定します
より引用2階のathrunzeroさんの返信:LZのコードには中国語が入っていますが、中国語フォントが設定されていません。
div と同様に、display:inline; の設定が 1 行に配置されているようです。表示設定とは異なります。