画像を右に配置して、左側にはテキストなり何なりを入れたりといったものを作る事が仕事上、よくあります。左画像、右テキストもしかり。仕事ごとに必ずこれは作る。さらに、この画像にはいろんなものが入るため、幅は常に変わる。 これを、divだけで作ることがなんとかできました。 こーいうものを作ろうとする時、CSSでやろうとすると、左右のブロックをfloat:right, leftとかやって配置しますが、これはあまり汎用性のある方法とはいえません。なんでかというと理由は3つ。 1つ目は、imgをfloatさせると、テキストがその下に回りこんでしまうというのが1点。回り込ませたいならいいですが、テキストを回り込ませないでやりたい場合が殆どなので。 2つ目は、回り込ませないでやるとしたら、左右のfloatさせたdivにwidthを指定しなければなりません。そうすると、例えば、画像の幅が200pxであれば、
