float:left および right_html/css_WEB-ITnose の問題

<div style="width:1000px; margin:0px auto; ">        <div style="float:left; width:400px; border:1px solid red;">            a        </div>        <div style="float:right; width:500px; border:1px solid red;">            b        </div></div>

このようなコードを実行するとフォームが縮小され、右側の div が下に落ちてしまうのはなぜですか?


この効果が欲しいです：（ブラウザを縮小しても左右両方とも変化しません）

ディスカッションへの返信（解決策）

奇妙なことに、ここではそれが私にとっては普通ですが、そうではありませんでした落ちない

不思議な事に、ここでは普通に落ちないんです

他のプロジェクトでは普通に落ちないのに、このプロジェクトでは落ちてしまうのですが、どの属性が影響しているのか分かりません。
このプロジェクトでは、ブラウザウィンドウを縮小すると、すべての float: left と right が下に落ちてしまいます

でも、それはブラウザのせいでしょうか？

でもそれはブラウザですか?

同じブラウザを使用しています

どのブラウザを使用していますか? ? IEでも正常です

でもブラウザのせいでしょうか？

私たちは同じブラウザを使用しています
以前の配置か何かがここのレイアウトに影響を与えている可能性がありますか? それをクリアしてください

しかし、それはブラウザのせいでしょうか?

私たちは同じブラウザを使用しています
以前の配置か何かがここのレイアウトに影響を与えたのでしょうか? それはクリアできます
このプロジェクトの下の float: left と right がブラウザ ある程度変形します ブラウザを最大化しても問題ありません

bodyに最小幅を与えて試してください

間違っています、コンテナdivのはずです。または、overflow-x:auto;

をコンテナー div に追加する必要があります。または、 overflow-x:auto; を追加します。

オーバーフローは、コンテンツが 1000 を超えず、1 つは 400、もう 1 つは 500 です。

よく見ていなかったのですが、どのブラウザですか? display:inline を追加してみてください

よく見ていなかったのですが、どのブラウザですか? display:inline; を追加してみてください

これはどのブラウザでも起こりますが、このプロジェクトでは、float: left と right が外れてしまいます
理由がわかりません。

よく見ていなかったのですが、どのブラウザですか? display:inline; を追加してみてください

これはどのブラウザでも起こりますが、このプロジェクトでは、float: left と right が外れてしまいます
理由がわかりません。
表示: インラインでは役に立ちませんか? QQ のスクリーンショットを使用して 2 つの div の幅を確認し、その後...私も理解できません

れぇ
そのまま飛び降りました。ネストレベルでパーセンテージで設定された幅が原因である可能性があります