CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSポジショニング関連のプロパティ

CSSのポジショニング関連のプロパティは次のとおりです。

相対ポジショニング

相対配置は、通常表示される場所を基準にしたHTML要素の位置を変更します。したがって、「left：20」は要素の左位置に20ピクセルを追加します。

絶対測位

位置：の要素 絶対値は、画面の左上隅を基準にして指定された座標に配置されます。

固定ポジショニング

固定位置を使用すると、スクロールに関係なく、要素の位置をページ上の特定の場所に固定できます。指定された座標は、ブラウザウィンドウを基準にしています。


  1. CSSを使用した絶対測位

    CSSでの要素の配置を絶対値として定義できます。これにより、最初に配置された（静的を除く）親を基準にして要素がレンダリングされます。ポジショニング方法が絶対値である要素は、CSSポジショニングプロパティ（左、右、上、下）によって配置されます。 例 CSS絶対測位方法の例を見てみましょう- <!DOCTYPE html> <html> <head> <style> p {    margin: 0;    position: absolute;    top: 50%;   &

  2. CSSポジショニング要素

    positionプロパティは、要素の配置に使用されます。つまり、以下はポジショニング要素です- 静的 −要素ボックスは、通常のドキュメントフローの一部として、前の要素と前の要素の後に配置されます。 相対 −要素のボックスは、通常の流れの一部として配置されてから、ある程度の距離だけオフセットされます。 絶対 −要素のボックスは、それを含むブロックに関連して配置され、ドキュメントの通常のフローから完全に削除されます。 修正済み −要素のボックスは絶対的に配置され、位置について説明されているすべての動作が絶対的です。 以下は、CSSを使用して要素を配置するためのコードで