親 div: パディング、子 div: IE6_html/css_WEB-ITnose での float の問題-htmlチュートリアル-php.cn

親 div: パディング、子 div: IE6_html/css_WEB-ITnose での float の問題

WBOY

リリース： 2016-06-21 09:34:10

オリジナル

1005 人が閲覧しました

<!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

に 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 のバグです。原因、または原因をはるかに超えて追跡できるこれは、このバグを解決できる時間枠です。

オーバーフロー: 隠された解決策。。

はい