"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > لماذا يؤدي تحديد المواقع المطلق المتداخل إلى إحالة العناصر إلى آبائها بدلاً من الأجداد؟

لماذا يؤدي تحديد المواقع المطلق المتداخل إلى إحالة العناصر إلى آبائها بدلاً من الأجداد؟

تم النشر بتاريخ 2024-11-07
تصفح:950

Why Does Nested Absolute Positioning Cause Elements to Refer to Their Parent Instead of the Grandparent?

الموضع المتداخل: المطلق داخل المطلق

يمكن للعناصر المتداخلة ذات الموضع المطلق أن تظهر سلوكًا غير متوقع في CSS. خذ بعين الاعتبار هذا السيناريو:

  • القسم الأول (#1st) مع الموضع: نسبي
  • القسم الثاني (#2nd) تم وضعه بشكل مطلق بالنسبة إلى #1st
  • A القسم الثالث (#الثالث) يقع بشكل مطلق ضمن المركز الثاني

س: لماذا تم وضع المركز الثالث بشكل مطلق بالنسبة إلى المركز الثاني بدلاً من المركز الأول؟

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

تتجاوز هذه الخاصية بشكل فعال الموضع النسبي للرقم الأول للثالث، مما يجعلها موضعًا مطلقًا بالنسبة إلى الأصل المباشر، #2nd.

لتحقيق السلوك المطلوب، حيث يتم وضع #3 بشكل مطلق بالنسبة إلى #1st، ستحتاج إلى جعل #3rd فرعًا مباشرًا لـ #1st.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3