どのようなCSS清！

Question

してい <div> たい、と願っていることだと思うラインです。による W3Schools, このルールに関連付けます：

div.foo {
  clear: both;
}

...すべきであろうことは言う:

"な浮動小数要素を許可は、左または右側となります。"

しかし、場合に浮かぶ二 <div> 要素に左、上記のルールは、第一、第二つ頑として譲らない。

一方、申し込みの場合 "clear: left" 第 <div>, での動きを次の行に折り返します。これが私の通常のアプローチがない理由を理解していますか。

のW3Schools上記評価、または私を見落とさないよう? は清算規則だけに動きの要素には適用され

答え

コマS、ジョン-Dを説明しています。ウォレン氏が指摘し のCSS2仕様, ことになるがその答え(重鉱):

この施設は、面要素のボックスできない場合に隣接し、 以前 floating box。

い: clear のみに影響する位置の要素では、相対的に要素が表示される前のコードです。

残念なことがうかがえっ <div> って新しいプログラムを作ることdivs移動すが、そのブレイクがあります。:)

Answer 1

適用すると明確にな要素で移動する要素がないようにしてい項目を左右します。ませんので再度-位置のその他の要素、その動きの要素をどの位置にあります。

編集

上記項目の項目をクリアしない、以下の項目の要素が動かすことができます。またの追加コメントのコメント

Answer 2

おcss構文解析とは、"正しい" 第二部は浮かんでもクリアしていくのがある場合のための幅方向にまわ浮かべ、最点することができます。

Answer 3

あり、決済の要素では適用されます。しかし、このように感じに異なるのかどうかの要素に"流れ"のフローです。いのではないでしょうかは分かりにくい。

の場合は要素が流れ、決済に移すとともにある。それを考えるとともに現在のペン位置の次の要素配置されること)。この行動しやすいundestand.

の場合は要素のフローは、floatおばけの要素を移動し、ペン位置の同じ場所のない限り、その他の規範をします。例えば、フロートが許可されない開始以上前のfloat.

もち発行の証拠金を崩れています。清障害し、ときには、unintuitiveます。

Answer 4

願に明確な要素にしたいことです。のご使用になることにより要素によってお使いい感銘を受けます。したい場合は画像億する新しい線に触れないイメージを作ったところにセブンイレブンがあfloat:左）というイメージがBとして{明:左}などが自然に思いのまま。ご清算のフロートの前の要素となります。

Answer 5

私は一般的には、以下のその効果:

float: left;
clear: right;

わからない該当する場合はその要素では、もしました。

の仕様はこちらをご覧下さい: http://www.w3.org/TR/REC-CSS2/