position

cssでは、位置プロパティによって、ドキュメントに要素を配置するときにどのように位置を指定するかが決まります.

デフォルト
デフォルトの場所ではstaticが使用され、他のタグとの関係で自動的に配置されます.

.box1 {position : static;}

相対

:デフォルトの位置に基づいて位置を指定できます.

.box1 {
	left : 20px;
    top : 20px;
	position : relative;
}

absolute:選択したアイテムを含むコンテナの位置通過値に基づいて位置を指定できます.

.box1 {
	left : 20px;
    top : 20px;
    position : absolute;
}

fixed:スクロールにかかわらず、ドキュメント(ウィンドウ)の最左上隅に基づいて座標に対する位置を指定できます.

.box1 {
	left : 20px;
    top : 20px;
    position : fixed;
}

5.sticky:デフォルトの位置によってスクロールしても消えず、元の位置を維持します.

.box1 {
	left : 20px;
    top : 20px;
    position : sticky;
}