تحديد الموضع المطلق ضمن الموضع المطلق

عند العمل مع تخطيطات صفحة الويب، من الشائع استخدام تقنيات تحديد الموضع مثل الموضع المطلق لترتيب العناصر بدقة داخل صفحة. ومع ذلك، تنشأ مشكلة محتملة عند محاولتك تطبيق تحديد موضع مطلق داخل عنصر تم تحديد موضعه بشكل مطلق.

لنفترض أن لديك عنصر حاوية (القسم الأول) مع تحديد موضع نسبي (الموضع:نسبي)، مما يسمح لك لوضع العناصر الفرعية بالنسبة لموضعها الخاص. داخل هذه الحاوية، لديك عنصر ذو موضع مطلق (القسم الثاني) وعنصر ثالث ذو موضع مطلق (القسم الثالث) متداخلان داخل القسم الثاني.

في هذا السيناريو، قد تتوقع أن يتم تحديد موضع القسم الثالث بشكل مطلق بالنسبة إلى القسم الأول، على الرغم من أن القسم الثاني موجود أيضًا بشكل مطلق. ومع ذلك، ليس هذا هو الحال.

فهم التسلسل الهرمي لتحديد المواقع

يكمن سبب هذا السلوك في الطريقة التي يعمل بها تحديد المواقع المطلق. عندما يتم تحديد موضع مطلق لعنصر ما، تتم إزالته من التدفق الطبيعي للمستند وبدلاً من ذلك يتم تحديد موضعه بالنسبة إلى أقرب سلف له. في هذه الحالة، يكون القسم الثاني هو أقرب موضع للقسم الثالث، بغض النظر عما إذا كان القسم الأول له أيضًا موضع نسبي.

وهذا يعني أن الموضع المطلق للقسم الثالث يتم حسابه بالنسبة إلى القسم الثاني موضع div، وليس موضع div الأول. ونتيجة لذلك، سيظهر القسم الثالث في موضعه تمامًا داخل القسم الثاني، وليس القسم الأول.

تقنية تحديد الموضع البديلة

إذا كنت تريد أن يكون القسم الثالث تم وضعه بشكل مطلق بالنسبة للقسم الأول، فأنت بحاجة إلى جعله فرعًا مباشرًا للقسم الأول. سيسمح هذا للقسم الثالث بأن يرث الموضع المطلق للقسم الأول ويتم وضعه وفقًا لذلك.

من المهم ملاحظة أن الموضع: المطلق يعيد تعيين الموضع النسبي للأطفال تمامًا كما يفعل الموضع: النسبي. لذلك، إذا كان لديك عدة عناصر فرعية ذات موضع مطلق ضمن عنصر أصل ذي موضع نسبي، فسيتم حساب مواقعها بشكل مستقل، بالنسبة إلى أقرب سلف لها ذي موضع مطلق.