※ ChatGPTを利用し、要約された質問です（原文：HTML、floatでのscrolバーの出現の有無）
HTML、floatでのscrolバーの出現の有無
このQ&Aのポイント
HTMLのfloatを使用した場合、要素の幅に応じてスクロールバーが表示されるかどうかが変わります。
要素の幅をpx指定した場合、要素が指定した幅まで縮小された後にスクロールバーが表示されます。
要素の幅を％指定した場合、要素の幅がブラウザの幅を上回ると要素が改行され、スクロールバーが表示されます。
HTML、floatでのscrolバーの出現の有無
HTMLについて質問させていただきます。
<body>
<div id="oowaku">
<div id="main">
<div id="a" style="float:left; width:５00px;">
<div id="b" style="float:right; width:200px;">
</div>
</div>
</body>
（スペルミス等があった場合無視してください。）
（この時、aとbの間には隙間が仮に300pxあるとします。(ブラウザの幅1000px)）
（mainのwidthを指定しない場合widthは１００％指定に自動でなっていると思います。）
ここで、ブラウザの右端を左に向かって縮めると、
mainのwidthを
・px指定した時は、「aとbは位置固定」で、px指定したところまで縮み、pxより短くなるとスクロールバーに変わります。
・％指定の時は、aとbの間の距離はブラウザーの横幅に合わせて、詰めてくれます。
しかし、％指定の時、aとbの合わせたwidthより、ブラウザの幅が短くなると、bはaの下に改行？されてしまいます。そしてaのpxより短くなって初めてスクロールバーに変わります。
後者の％指定(aとbの距離をブラウザの幅で詰めてくれる)でかつ、aとbの距離が無くなった時に改行？されることなく、スクロールバーにする方法はないでしょうか。
回答よろしくお願いします。
お礼
a+b以上にmin-widthを設定すると希望通りになりました！ 的確なご支持有難うございました。