div+cssスタイルにおけるfloatとclearの使い方についてsheet_html/css_WEB-ITnose

ほとんどの人が div+css の float と clear について本当に混乱しているので、その使用法を説明しましょう。皆さんのお役に立てば幸いです。

1float: いわゆる float は、整列する位置を指します。 left right none の場合、現在の div は右に移動します。下に div がある場合、通常のフローのデフォルトの方法に従って、現在の div の左に移動します。これは、上で float が使用された場合、その位置を放棄することと同等であり、下の div が表示され、それと同じ行に配置されることを意味します。

他の方法も同様です。

誰もがクリアについて最も頭を悩ませているかもしれません。

クリア: 一部の教科書は意味が曖昧すぎます。 Clear は、上記の div の float がそれ自体に及ぼす影響を知ることを意味します。たとえば、上記の div が float: left

に設定されている場合、clear が設定されていない場合、現在の div は上記の div の右側に移動し、残りの行をすべて占有します。

以下の div で clear: left または両方を使用すると、現在の div の float: left の効果がクリアされることを意味します。そうすれば、現在の div は上の div の右側に浮動することはありません

これは、上の div の浮動方向がそれ自体に影響を与えないことを意味します。これは、上の div が依然として 1 つの直線行を占めていることと同等であり、すべての下の div はまだ 1 行を占めていますが、それは自動的に上に移動します。ただし、上記の div は独自の float

に従って幅を調整します。しかし、それでも 1 行全体を占有します

他のメソッドについても同様です。

ご質問がございましたら、358905814@qq.com までメールをお送りください

皆さんも私の間違いを指摘して一緒に進歩してください