CSSのfloatを使って背景や枠線が付かないとか画像や文章がはみ出すなんて場合の対処法

サイトのデザインでCSSのfloat(浮遊)を使うと複数のコンテンツを両側に配置して一列に表示できる。 しかし上手く行かない場合も多くて難しい。陥りがちな失敗を二つ挙げると背景や枠線が付かないのと画像や背景がはみ出すのとで、デザインを崩してしまうんだ。 何とかならないかと考えながら対処法が見付かったので、纏めておきたい。 floatで背景や枠線が付かなければoverflowのhiddenも使おう 一文目 二文目 三文目 四文目 サンプルのソースコード HTML <div class="fbox"> <p>一文目<br>二文目<br>三文目<br>四文目</p> <img src="画像URL"> </div> CSS .fbox {bor…