ただ、見つけることができない、より良い使用で、その結果、いくつかの混乱のポジショニング（位置）の内容をHTMLかもしれない誰が白のフロントエンドを使い始めます。あなたが知っている、ポジショニングの良い使用は、多くのささいな問題を解決し、文書の流れを理解することができます。次は、単純な分析的ポジショニングと差別の4種類になります。
静的なポジショニング
静的なポジショニング（位置：静的）は、従来の文書の流れに沿って、多くのコンテンツがない、HTMLのデフォルトの位置です。
相対的な位置
相対的な位置決め（位置：相対）、それ自体に対する物体の位置、左右のオフセット垂直、ドキュメントフローを逸脱しないことに留意されたいです！
赤色DIV設定の相対的な位置決め、上記のように、位置（：、左20ピクセル：トップ20ピクセル左オフセット ;）、 説明赤DIV位置オフセットが、それでも原稿流位置を保持する従来の青色DIVに従って、ただし独自の元の位置に関連して、まだ占領しました。
絶対位置
絶対位置（位置：絶対）位置が親に対してシフト、親は親または全く場所を持っていない場合には、基準レベルを見つけるまで続け、最終的にはブラウザウィンドウ。相対的な位置から少し異なる、通常のドキュメントフローからの絶対位置があることに注意してください！
（：、左20ピクセル：トップ20ピクセル以上のように、赤色のdivは絶対位置、左シフト位置を設定する ;）、 青色DIVが上がっていることは注目に値するです！元の位置からのオフセット絶対位置が消えたので、その次の兄弟のdiv通常のドキュメントフローが元の位置を交換するだろう。
固定位置
固定された位置（位置：固定）は、絶対的な特殊ケースの位置決め、即ち、絶対含む固定として理解されます。それは「私の父を見つけるために、」絶対的な狂気のようではないという点で、それは自然にブラウザのウィンドウを参照する特別です！すなわち、オブジェクトの固定位置を設定した後、オブジェクトは、ドキュメントの長さ、及びウィンドウサイズをスクロールするローラーバーを無視して、固定された位置で、ブラウザウィンドウの画面です。これは、オープンで一般的であり、時には、常に側に広告するいくつかのページがあるだろう、あまりにも迷惑！
位置決めと更新される他の乾貨物に関する実用的な問題を解決 -
