container

をhtmlおよびcssを使用して複雑なレイアウトを作成する場合、コンテナを正確に配置する必要があることがよくあります。適切な位置決め方法を選択する場合、クロスブラウザーの互換性と保守性は重要な考慮事項です。配置された親がいない場合、要素はブラウザウィンドウに対して配置されます。 位置：相対; 高さ：100px; } ＃箱 { 位置：絶対; トップ：50px; 左：20px; }

この例では、#box要素は上から50px、#container親の左から20pxに配置されます。配置された親がいなければ、要素はブラウザウィンドウに対して配置されます。 javascript

quirksモードの考慮事項：

絶対的な位置決めは、基準と癖モードの両方で同様に機能します。

#container {
  position: relative;
  height: 100px;
}

#box {
  position: absolute;
  top: 50px;
  left: 20px;
}

は、コンテナとその位置にある子供の一貫したインデントと命名規則を使用します。 Sheet。