HTMLページ内の三次元空間とみなすことができ、完全なページは、ページの数によって堆積される図に示されるように、形成されています。
固定された静的、絶対的、相対的：位置は、CSSプロパティは、4つの可能な値を有しています。
◆位置：静的フリーポジショニング
プロパティ値のすべての要素のデフォルトの位置で、一般的に、我々はそれが特別な宣言する必要はありませんが、相続の時々遭遇する場合、あなたが使用できるように、我々は、プロパティ自体を継承した要素の影響を表示したくありません位置：静的、すなわちデフォルトの要素の位置を復元し、継承をキャンセル。
通常のブロック生成要素。ブロックレベル要素は、ドキュメントストリームの一部として、インライン要素が親要素に配置された一つ以上の行ボックスを、作成された、長方形のフレームを生成します。
◆位置：絶対絶対位置
使用位置：絶対、非常に正確な要素が必要な位置に移動させることができる、ドキュメントフローの要素は完全にフレームから取り出し、その包含ブロックに対して配置しました。ブロックを含有する他の文書内の要素最初に含まれているまたはブロックであってもよいです。オリジナルの要素が存在しないかのようにスペースを占有し、文書の通常の流れでオリジナルの要素は、閉じられます。かかわらず、それはノーマルストリームで発生したフレームのどのようなタイプの、フレームの後に位置するブロックレベル要素を生成します。
◆位置：ウィンドウの固定位置に対して固定
プロパティ値の位置は、それが何を意味するのでしょうか？同様の絶対持つ要素を標的とするが、その含有ブロックは、ビューポート自体です。Webブラウザなどの画面のメディアでは、要素は、検査文書のスクロール時のブラウザに移動しません。例えば、それは、フレームのレイアウトスタイルを可能にします。そのようなページのプリントアウトなどのメディアは、固定要素は、最初のページの同じ位置に表示されます。これは、フローヘッダーまたはフッターを生成するために使用することができます。私たちは、同様の効果を見てきましたが、その効果は、主にCSSによって達成されるの数が、JSスクリプトのアプリケーションではありません。
◆位置：相対的な相対位置
最後に、いわゆる相対的位置は、この手段は、それがどこの相対基づいている何ですか？私たちは、相対的な位置決め要素がデフォルト位置に対して配置され、明確なコンセプトを必要としています。それは相対的であるので、我々は、要素の位置を明確にするために、右の四つの値と、左、ここで、頂部、底見つける宣言するために値の異なるセットを必要とします。
ブロック要素は、オフセット距離。彼らの遺骨が未配置の前に、素子形状、それは遺跡を占領していたスペース。