div+css の絶対配置と相対配置_html/css_WEB-ITnose

div+css の絶対配置と相対配置

多くの友人が、絶対と相対を区別する方法とその使用方法を尋ねました。絶対とは絶対的な位置を意味し、相対とは相対的な位置を意味することは誰もが知っていますが、絶対と相対とは何を意味するのでしょうか?絶対的なものはどこにあり、何に対して相対的なものなのでしょうか？では、それらはどのような特徴を持ち、どのような効果をもたらすのでしょうか？二人の間にはどんなスキルがあるのでしょうか？以下で一つずつ説明していきましょう。

CSSでの書き方は、position:absolute; ブラウザの左上隅を参照し、TOP、RIGHT、BOTTOM、LEFTと連携して位置決めを行います。設定がない場合、TRBL はデフォルトで親のマーキングの元のポイントに基づきます。 TRBL が設定されており、親が位置属性を設定していない場合、現在の絶対値はブラウザの左上隅を原点として配置され、位置は TRBL によって決定されます。

一般的に、Web ページを中央に配置するために Absolute を使用すると、間違いが起こりやすくなります。Web ページは常に解像度のサイズに自動的に適応され、Absolute はブラウザの左上隅を使用するためです。位置は元の点として使用され、レートの変化に応じて変化します。多くの人が間違えるのはここです。左側の Web ページの特徴は Relative とよく似ていますが、それでも本質的な違いがあります。

CSSでの書き方は、position:relative; 親が無い場合は、親の原点を原点として参照します。テキストフローの順に、TRBLと連携して配置します。親にパディングなどのCSS属性がある場合、親コンテンツエリアの原点を基準に配置されます。

場合によっては、コンテナーの上位と下位の関係を設定するために z-index に依存する必要もあります。値が大きいほど、その値の範囲は自然数になります。ただし、Z-index は全能ではありません。このレベル制限については、「Unbreakable Levels」を参照してください。