ボックスの配置 -- CSS 2.1のエッセンス

目次 ボックスは 通常フロー フロート 絶対位置決め という三つの配置体系(positioning scheme)によって、どのように配置されるかが決まります。以下では三つの配置体系と、配置されたボックスの位置を相対的に動かす相対位置決め、ボックスの重なりについて説明します。 ボックスの配置 通常フロー ブロック整形文脈 インライン整形文脈 フロート フロートのクリア 絶対位置決め 絶対配置 固定配置 相対位置決め ボックスの重なり ボックスの配置を決めるのがpositionプロパティです。 static ボックスを通常フローで配置します。 relative 通常フローで配置されたボックスの位置を指定されたオフセット量だけ相対的に変化させます。 absolute ボックスを絶対位置決めします。ボックスの位置は、包含ブロックからのオフセット量で決まります。 fixed ボックスを絶対位置決め