Position
Position
CSSのPositionとは、ドキュメントに要素を配置することです!
単語のように、どこに置くかについて、top、bottom、left、rightプロパティがどの位置にあるかを使用できます.
手に入れる
Staticはデフォルト設定positionより前の値と同じです.
トップ、right、bottom、left、z-indexなどのプロパティには影響しません.
top、right、bottom、leftなどの属性で相対的に位置を調整できます
絶対値(通常はドキュメントストリームから除外されます)とページレイアウト.
スペースを手配しません.ただし、親タグにアンカー要素がない場合は、最初のコンテナブロックを
きじゅん
つまり、フレームワークの影響を受けずに位置を指定するために、必要な場所に右上と左下の値を指定できます.
absoluteを使用するには、親ラベルにposition:relativeを付ける必要があります.そうしなければ、身体基準にもなります.
また,絶対状態であればdivでもwidth:100%ではない.
fixedはpositionでよく使われています.
主に上メニュー、サイドメニューなどをスクロールしたり、Webページに固定表示された場所を作成したりすることもできます.
fixedもabsoluteのようにdivはwidth:100%ではありません!
CSSのPositionとは、ドキュメントに要素を配置することです!
単語のように、どこに置くかについて、top、bottom、left、rightプロパティがどの位置にあるかを使用できます.
手に入れる
.test {
position: 속성
}
staticStaticはデフォルト設定positionより前の値と同じです.
トップ、right、bottom、left、z-indexなどのプロパティには影響しません.
.test {
position: static
}
relativetop、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;
}
fixedfixedはpositionでよく使われています.
主に上メニュー、サイドメニューなどをスクロールしたり、Webページに固定表示された場所を作成したりすることもできます.
fixedもabsoluteのようにdivはwidth:100%ではありません!
.test {
position: fixed;
}
Reference
この問題について(Position), 我々は、より多くの情報をここで見つけました https://velog.io/@93jm/CSS-Positionテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol