親またはウィンドウ: 固定要素の位置の違いは何ですか?

親またはウィンドウを基準にして要素を固定配置する

要素を親を基準にして固定配置することと要素を配置することの違いを理解することが重要ですウィンドウを基準にして固定。

位置を基準として固定Parent

要素を親に対して相対的に固定して配置するには、子要素でposition:Absoluteプロパティを使用し、親要素でデフォルト以外の位置モードを設定します。これにより、子要素を、親の位置を基準として配置することができます。 #parent 要素の左側、20 ピクセル下にあります。

位置固定Relative to Window

#parent {
  position: relative;
}

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

ウィンドウに対して要素を固定して配置するには、position:fixed プロパティを使用します。これにより、親要素の位置に関係なく、要素をブラウザ ウィンドウに対して相対的に配置できます。

例:

この場合、#floating-element 要素ブラウザ ウィンドウの下から 40 ピクセル、右端から 40 ピクセルの位置に配置されます。

以上が親またはウィンドウ: 固定要素の位置の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。