Position


Position
CSSのPositionとは、ドキュメントに要素を配置することです!
単語のように、どこに置くかについて、top、bottom、left、rightプロパティがどの位置にあるかを使用できます.
手に入れる
.test {
	position: 속성
}
static
Staticはデフォルト設定positionより前の値と同じです.
トップ、right、bottom、left、z-indexなどのプロパティには影響しません.
.test {
	position: static
}
relative
top、right、bottom、leftなどの属性で相対的に位置を調整できます
.test {
	position: relative;
    top: 20px;
    left: 20px;
}
absolute
絶対値(通常はドキュメントストリームから除外されます)とページレイアウト.
スペースを手配しません.ただし、親タグにアンカー要素がない場合は、最初のコンテナブロックを
きじゅん
つまり、フレームワークの影響を受けずに位置を指定するために、必要な場所に右上と左下の値を指定できます.
absoluteを使用するには、親ラベルにposition:relativeを付ける必要があります.そうしなければ、身体基準にもなります.
また,絶対状態であればdivでもwidth:100%ではない.
.parent {
	position: relative
}

.child {
	position: absolute;
    top: 20px;
    left: 20px;
}
fixed
fixedはpositionでよく使われています.
主に上メニュー、サイドメニューなどをスクロールしたり、Webページに固定表示された場所を作成したりすることもできます.
fixedもabsoluteのようにdivはwidth:100%ではありません!
.test {
	position: fixed;
}