floatのclearについて理解できません

質問

floatをclearするということについてですが、
clearとすることで、クリアランス領域が生まれて
流し込みが解除されるということまでわかりました。

だいたいの場合、clear:both;
と書いてしまいますが、right,leftとするときはどんな
場合なのでしょうか？
floatがうまくゆかない事が多く、clearをマスターしたいと思っています。
購入したいくつかの参考書でもその部分が不明で、
ネット検索でもイマイチ理解できませんでした。
漠然とした質問になっているような気もしますが、
よろしくお願いします。

回答No.4

12345963 · ベストアンサー

float:left;を使ったら、clear:left;でもｏｋ
float:right;を使ったらclear:rightでもＯＫ
両方使っていて、両方解除したければ、clear:both;でｏＫ
両方使っていても、解除したいのが片方だけなら、clear:bothはＮＧ
clearすると親ボックスの領域にclearされる。ＯＫ？

で、bothは両方なので、仮にleftしか使っていなくても、有効。
同じくrightのみしか使ってなくても有効。で、多くの人は、bothを使う。

ココ重要。
一度、上のことを実際に試されてはいかが？より、実感できると思いますよ。

お礼

よくわかりました。どうもありがとうございました。

回答No.3

noname#100277

画像を左右どちらかに配置した場合、以下に続く文字列の表示位置を「clear」する迄は回り込みを解除しませんよと云う意味。
clearした場合は画像の位置に対して同じ位置を指定して記述した場合は、正常に回り込みが解除される。

お礼

どうもありがとうございます。

回答No.2

suzuko

floatを多用する場合、floatした直後にclearを毎回すればいいのでしょうが（その場合、clear:right；,clear:left；となりますね）結構忘れてしまうことが多いので、floatを必要としなくなった時点で、clear:both;と打ってます。その方がコードも短いですし。

みなさんそうなのでは？^^;

お礼

floatを必要としなくなった時点で、clear:both;
とりあえず、こう覚えておけばいいんですね＾＾
どうもありがとうございます。

回答No.1

Seravy

そのまま、右（または左）のfloatだけ解除したい場合に使います。