2011-08-02

[css] float や position:absolute についての詳しい資料

いくら検索しても、とりあえず目の前の仕事をこなそうという安直なサイトばかりが上位にヒットして、きちんと勉強できずイライラしている方も多いと思います。

そんな方には、W3C が公開している CSS2.1の仕様書 はいかがでしょうか。仕様書らしからぬヴィジュアルな例示が沢山あって、とても分かりやすく書かれています。

float や position はボックスの配置に関わるところなので、こちらのページに解説があります。 CSS2.1 Spec - Visual formatting model

勝手に要点をまとめると、
  1. float はマージンの相殺がどうなるかという点。
  2. position: absolute は、親要素であらかじめ意味なく position: relative しておくと、基準となる座標を選べる。
  3. その他:勉強中です。