EvernoteのCSS見てたら、やっと意味が掴めたような気がしたのでメモ。
・前提
→position:staticな要素は全て存在しないかのように扱う
・一番最初にposition:absoluteが設定されたタグは、ブラウザの表示領域を絶対的な指標にする。
・position:absoluteに囲まれたposition:absoluteな要素は親の表示領域を絶対的な指標にする。
・top, left, right, bottomは全て0pxにするとpaddingと同じ大きさに広がる
→paddingの大きさを基準にする
・top, left, right, bottomはmarginと似たような挙動をする。決して座標位置を決めるものではない
→というか、CSSは左上から何px、みたいな考え方してたら死ぬ
・width, heightが指定されてない場合はtop, left, right, bottomで表示領域が決まる
→width, heightが指定されると、そちらが優先される。