html - 1 つの div が別の div に拡張されます

Question

少しでも分かりやすいように状況をイメージしてみました。

ご覧のとおり、div 内に 2 つの div があります。画面のサイズを変更すると、右側の div 内にあるテキストがロゴ (左側の div) に入ります。私が望むのは、テキスト (および右側の div) がロゴに入らないことです。両方の div がフローティングされ、それぞれが対応する側に配置されます。何か提案はありますか？

前もって感謝します

Answer 1

私には問題のように思えfloatます。浮動要素を含む div のベースを必ずクリアしてください。

<div>
   <p>floated left element</p>
   <p> also floated left element</p>
   <p> some text </p>
   <div style="clear:both;"></div>
</div>