positionはCSSで要素を位置決めできる属性です.
この要素を使用すると、複数の要素を自由に配置できます.たとえば、ある要素を別の要素に重ねることができます.

位置表示方法

CSS selector {
position : relative;

}

positionを表す場合は、上記のようなpositionを用い、relative、absolute、fixedを用いて位置を表す.

positionプロパティ-相対、絶対、fixed

position属性は相対概念である.これは、ある要素が絶対的(絶対的)である場合、別の要素は相対的(相対的)な要素を必要とすることを意味する.
上記の位置を使用すると、親子関係が適用されます.親が相対移動(他の位置変動要因の影響)を与えられ、子供が絶対移動を与えられた場合.
この場合、親要素に低属性を与えるのはあまり変わりませんが、子要素は親要素に基づいてその位置を決定します.

parent CSS selector {
position :relative;
}

child CSS selector {
position :  absolute;
top: 20px;
left : 20px; 
}

上記のコードを表示すると、親は相対的なサブアイテムに絶対値が付与されているのを見ることができます.この要素を表します.
これは、子要素が親要素の最上位20 px+最左側20 pxに位置することを意味する.
親要素に直接位置を指定して配置できるため、複数のサブ要素を同時に配置できます.

これらの要素は、親コンテナの<input> <i>などに含まれ、入力ウィンドウとアイコンが重なる.
positionプロパティを使用すると、複数の要素を自由に表すことができます.