ホームページ >ウェブフロントエンド >htmlチュートリアル >親 div: パディング、子 div: IE6_html/css_WEB-ITnose での float の問題
親 div: パディング、子 div: IE6_html/css_WEB-ITnose での float の問題
- WBOYオリジナル
- 2016-06-21 09:34:101001ブラウズ
<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>test2</title> </head> <body> <div style="float: left;border: solid 1px red; height: 75px;width: 120px;padding: 10px;"> <div style="float: left;width: 125px;height:80px;border: solid 1px green;"></div> </div> </body></html>
このコードをコピーして実行すると、IE6 では子 div が実際に親 div を開きますが、他の IE7+、Chrome、Firefox では開きません。
これは何のバグですか? 長い間探して調整しましたが、まだ解決策が見つかりません。とてもめまいがするので、誰か解決策を教えてくれませんか？
ディスカッションへの返信 (解決策)
360 ブラウザと IE8 ブラウザでテストされ、どちらも LZ の効果があります。
ブラウザのバージョンによって HTML タグの解析方法が異なります。親 div dcfc4f1cc65e4219d95be3b8663ef15e16b28748ea4df4d9c2150843fecfba68 に div タグを追加してから、親 div の高さを変更してみてください。推測に基づいて書いています。具体的な効果は試してみてください。
このバグはブラウザの特性によって決まります。一般に、ie6 ではレイアウトが拡張されると考えられていますが、ie6 ではレイアウトは拡張されません。理由がわかったので、overflow:hidden; を追加すると問題が解決します。彼にそれを開いたままにして隠してもらいましょう。
実際、IE6 での最大のバグは haslayout です。時間があるときに詳しく調べていただければ幸いです。
<div style="float: left;border: solid 1px red; height: 75px;width: 120px;padding: 10px;overflow:hidden;"> <div style="float: left;width: 125px;height:80px;border: solid 1px green;"></div></div>
360 ブラウザと IE8 ブラウザでテストしました。どちらも LZ の効果があります。
360 はマシン上の IE カーネルを使用します。
このバグはブラウザの特性によって決まります。このような未知のバグを説明する方法はありません。一般に、ie6 ではレイアウトが拡張されると考えられていますが、ie6 ではレイアウトは拡張されません。理由がわかったので、overflow:hidden; を追加すると問題が解決します。彼にそれを開いたままにして隠してもらいましょう。
実際、IE6 での最大のバグは haslayout です。時間があるときに詳しく調べていただければ幸いです。
overflow:hidden; を追加すると、その結果は非常に一般的ですが、なぜこのような方法で非表示が使用されるのか、これまで一度も考えたことはありません。
まずはhalayoutを勉強しましょう。
3階の回答より引用:
このバグはブラウザの特性によって決まります このような未知のバグを説明する方法はありません。一般に、ie6 ではレイアウトが拡張されると考えられていますが、ie6 ではレイアウトは拡張されません。理由がわかったので、overflow:hidden; を追加すると問題が解決します。彼にそれを開いたままにして隠してもらいましょう。
実際、IE6 での最大のバグは haslayout です。時間があるときに詳しく調べていただければ幸いです。
overflow:hidden; を追加すると、その結果は非常に一般的ですが、なぜこのように非表示を使用するのかがまだわかりません...
これは IE6 のバグです。原因、または原因をはるかに超えて追跡できる これは、このバグを解決できる時間枠です。
オーバーフロー: 隠された解決策。 。
はい 3631f83d3087e222bd686d1f7c23d506