相対位置決め 絶対位置決め 固定位置決めの実現と応用

1. 相対位置決め

```css 位置:相対; 「」

通常のドキュメント フロー内の位置を基準にして要素を移動します。通常のレイアウト フロー内の要素を、デフォルトの位置を基準として座標で移動します。元々占有していたスペースは変わりません。

 基本的な機能

- 書類の流れから抜け出せない

- 要素のレベルを上げる

- オフセットが定義されていない場合、基本的に要素には影響しません。

2. 絶対位置決め

```css 位置:絶対; 「」

位置決め親がない場合、位置決めは HTML に対して相対的に行われ、位置決め親がある場合、位置決めは最も近い位置決め親に対して相対的に行われます。

基本的な機能

- 書類の流れがなくなった

- 要素のレベルを上げる

 3. 固定位置

```css 位置:固定; 「」

要素の位置はブラウザ ウィンドウに対して固定されており、ウィンドウがスクロールされても移動しません。

基本機能の概要

- 書類の流れがなくなった

- 要素のレベルを上げる

おすすめ

転載: blog.csdn.net/pbaiking/article/details/129208288