明示的な上、左、下、または右の値を持たずに絶対に配置された要素はどうなりますか?

絶対配置のデフォルトの位置値を理解する

CSS では、要素が絶対的に配置される場合、その座標はその要素を含むブロックを基準にして指定されます。 。ただし、top、left、bottom、または right プロパティに明示的な値が指定されていない場合はどうなるのでしょうか?この謎を解明するために、デフォルト値とその影響を調べてみましょう。

予想どおり、これらすべてのプロパティのデフォルト値はゼロではなく、「auto」です。 CSS 仕様 (セクション 9.3.2) によれば、絶対配置ボックスのすべてのオフセットが自動に設定されている場合、ボックスはまったく配置されていないかのように元の位置に残ります。

この概念はより明確になります。仕様のセクション 10.3.7 では、left、width、right の 3 つすべてが auto の場合、left プロパティが最初に解決されると規定されています。要素の方向性が左から右 (「ltr」) の場合、左が静的位置に設定されます。それ以外の場合、right は静的位置に設定されます

同様に、セクション 10.6.4 は、絶対的に配置された要素の垂直方向の寸法制約を規定します。 top、height、bottom がすべて auto の場合、top プロパティにはデフォルトで静的位置が割り当てられます。

実際的には、これは、明示的な座標値を持たない絶対位置の要素が本来あるべき場所に残ることを意味します。位置がずれることなく、正常に配置されています。これは「静的位置」として知られています。

要約すると、絶対位置の要素の上、左、下、右のプロパティに特定の値が指定されていない場合、デフォルト値の auto が想定されます。これにより、コンテナ内の要素の元の位置が効果的に保持されます。

以上が明示的な上、左、下、または右の値を持たずに絶対に配置された要素はどうなりますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。