文書の構造に依存しない配置が可能なことです。最下部に記述された要素を、表示上では一番上に配置させることもできるなど、自由なボックスの配置が可能です。絶対配置を利用したカラムレイアウト最終的には以下のようなページのレイアウトを作成します。要素(#container)が続きます。要素(#navi)があります。何も設定しない場合、以下のように表示されます。各要素に背景色やボーダーを以下のように設定してみます。設定により、以下のように表示されます。要素(#navi)は通常フローに従って、垂直方向に記述順に配置されています。マージンやパディングを指定していないので、ブラウザのデフォルトのマージンやパディングの設定が適用されています。なり、以下のように表示が変わります。これは単なる実験なので、上記のユニバーサルセレクタを使った指定は削除します。続いて、以下のように幅やマージン、パディング、フォントのサイズを指定してみます。*/}表示は以下のようになります。プロパティで指定します。通常フローから外れて絶対配置されます。プロパティで指定します。一部はその背後に隠れます。置かれる領域を確保することでカラムレイアウトを作成することができます。マージンを指定します。左右のマージンやパディングの余白が指定されていないので、その幅の分だけマージンを指定していますが、マージンやパディングが指定されていればその分も考慮に入れる必要があります。ルート要素を基点として絶対配置したので、中央寄せに変更したいと考えたとき、ルート要素が基点では絶対配置したボックスは、中央に寄る他のボックスに追従させることがません。以外の値を指定された、最も近い祖先ボックス該当するボックスが存在しない場合は、ルート要素の生成する初期包含ブロックこれは、祖先ボックスの中から任意のボックスを基点となる包含ブロックに設定できることを意味します。絶対配置する際、祖先ボックスの中から構造的に関係の近いボックスに「relative」を指定して基準とすることで、より頑丈で柔軟性のあるレイアウトを組むことができます。マージンとブロックレベル要素のセンタリングブロックレベル要素の左右のマージンについて、値に「auto」を指定することで、その要素全体をセンタリングできる。そのブロックレベル要素に幅が指定されている必要があります。以下の指定で中央寄せします。ルート要素を基点として絶対配置されているので、中央に寄る他のボックスに追従させることがません。絶対配置する際の基点となるように設定します。要素も中央寄せするために、幅とマージンを設定します。以下のようになります。.875em;}固定配置を利用したレイアウト固定配置を利用したレイアウトの例です。ナビゲーションを常に上部に表示サイト内のコンテンツを移動するためのナビゲーションを、常にページ上部に表示するレイアウトを作成してみます。指定してコンテンツ全体を中央寄せします。