CSS floatについて

以前もちょっと書きましたが、CSSのfloatについて。

http://skill-up-engineering.com/?p=1708への追記

• 親から見るとfloatした子供は存在しない状態
• floatを指定したとしても、回り込ませると親要素の範囲を超えてしまうような場合は、回り込みが起きず、floatした要素の下に落ちてしまう。
• 通常のブロック要素はwidthを指定していないと幅いっぱいに広がる。レイアウトが文字数に依存してしまう。
• floatは通常の配置から外れるため、子要素をfloatさせた場合、親の高さ<子の高さになる可能性がある。この場合、内包している最後の要素にclearプロパティを使用しなければいけないが、存在しないことも考え、親要素に疑似のafterを使用することが多い。

参考文献

プロとして恥ずかしくない新CSSデザインの大原則

p82～P87