相対測位には、測位方法による分類、測位方向による分類、測位距離による分類、測位基準物体による分類があります。詳細な紹介: 1. 測位方法による分類には、静的測位、相対測位、絶対測位、固定測位が含まれます; 2. 測位方向による分類には、水平測位と垂直測位が含まれます; 3. 測位距離による分類には、静的測位、相対測位が含まれます, 絶対位置決めと固定位置決め; 4. 位置決め基準物による分類には、静的位置決め、相対位置決め、絶対位置決め、固定位置決めがあります。
このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。
相対配置は画像レイアウトで一般的に使用される方法であり、さまざまなニーズやシナリオに応じて分類できます。一般的な相対配置の分類方法は次のとおりです:
1. 配置方法に基づく分類
静的配置 (静的): 静的配置は、要素のデフォルトの配置方法です。 . 通常の文書の流れに従って配置します。この配置方法では、要素は上下左右の影響を受けません。 左などの属性の影響。
相対配置 (相対): 相対的に配置された要素は、通常のドキュメント フロー内の位置に従って調整されます。上下左右を設定できます およびその他の属性を使用して要素の位置を変更します。相対的に配置された要素はドキュメント フロー内に残り、他の要素には影響を与えません。
絶対配置 (absolute): 絶対配置された要素は、最も近い非静的要素を基準としてドキュメント フローから切り離されます。 配置された祖先要素が配置されます。祖先要素がない場合、位置はドキュメントの元の包含ブロックを基準とします。上下左右を設定できます およびその他の属性を使用して要素の位置を変更します。絶対的に配置された要素は、他の要素に影響を与えます。
固定配置 (固定): 固定配置の要素はドキュメント フローから切り離され、ブラウザ ウィンドウを基準にして配置されます。上下左右を設定できます およびその他の属性を使用して要素の位置を変更します。固定位置の要素は他の要素に影響を与えます。
2. 配置方向に基づく分類
水平配置: 水平配置とは、要素がその祖先要素に対して水平方向に配置されることを意味します。これは、left プロパティと right プロパティを設定することで実現できます。
垂直配置: 垂直配置とは、要素がその祖先要素に対して垂直に配置されることを意味します。これは、top プロパティとbottom プロパティを設定することで実現できます。
3. 配置距離に基づく分類
静的配置: 静的に配置された要素は、通常のドキュメント フロー内の位置に応じて調整されますが、関係は変わりません。要素間の相対距離。
相対配置: 相対的に配置された要素は、通常のドキュメント フロー内の位置に従って調整されます。上、右、下、左を設定できます。 要素間の相対距離を変更するその他の属性。
絶対配置: 絶対配置要素はドキュメント フローから離れ、最も近い非静的に配置された祖先要素を基準にして配置されます。要素間の相対距離は、上、右、下、および left などのプロパティによって決定されます。
固定配置: 固定配置の要素はドキュメント フローから切り離され、ブラウザ ウィンドウを基準にして配置されます。要素間の相対距離は、上、右、下、左などのプロパティによって決まります。
4. 参照オブジェクトの配置に基づく分類
静的配置: 静的に配置された要素は、通常のドキュメント フロー内の位置に従って調整されます。通常の文書フロー内の要素 文書フロー内の位置。
相対位置: 相対的に配置された要素は、通常のドキュメント フロー内の位置に従って調整されます。基準は、通常のドキュメント フロー内の要素の位置です。
絶対配置: 絶対配置された要素は、最も近い非静的要素を基準としてドキュメント フローから切り離されます。 配置された祖先要素が配置されます。参照は祖先要素の位置です。祖先要素がない場合、位置はドキュメントの元の包含ブロックを基準とします。
固定配置: 固定配置の要素はドキュメント フローから切り離され、ブラウザ ウィンドウを基準にして配置されます。参照オブジェクトはブラウザ ウィンドウの位置です。
つまり、相対的な位置決めは、さまざまなニーズやシナリオに応じて分類できます。これらの分類方法を理解すると、相対位置の使用をより適切に習得し、より柔軟な画像レイアウトを実現するのに役立ちます。
以上が相対位置のカテゴリは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ドリームウィーバー CS6
ビジュアル Web 開発ツール

Dreamweaver Mac版
ビジュアル Web 開発ツール
