以前もちょっと書きましたが、CSSのfloatについて。
http://skill-up-engineering.com/?p=1708への追記
- 親から見るとfloatした子供は存在しない状態
- floatを指定したとしても、回り込ませると親要素の範囲を超えてしまうような場合は、回り込みが起きず、floatした要素の下に落ちてしまう。
- 通常のブロック要素はwidthを指定していないと幅いっぱいに広がる。レイアウトが文字数に依存してしまう。
- floatは通常の配置から外れるため、子要素をfloatさせた場合、親の高さ<子の高さになる可能性がある。この場合、内包している最後の要素にclearプロパティを使用しなければいけないが、存在しないことも考え、親要素に疑似のafterを使用することが多い。
参考文献
p82~P87