floatとclear
先日知り合いから、ホームページのデザインが崩れる(回り込みが上手くいっていない)。という話しを聞いたので、本日はfloatとclearについてです。
この2つのプロパティについては、しばしば下記のような表現がされています。
floatは要素を回り込ませる。
clearは回り込みを解除させる。
ザックリ言うとそんな感じなのですが、厳密に言うと違っているのです。詳しい説明については、以下のページを参考にして下さい。
上記サイトによると、「floatとは、通常の流れ(normal flow)から取り除き、右または左に寄せる。」となっています。なにやら、難しい表現ですが、こんな書き方しかないので、仕方ないですね(^^ゞ
厳密なデザインをする上では、上記のサイトに掲載されているルールを正確に理解しておかないと、色々とやっかいな問題が起こってきます。 ただし、今回はその辺をはしょって、簡単な説明をしておきますね。