التثبيت النسبي
- الصفحة السابقة التثبيت المطلق
- الصفحة التالية الغوص CSS
يتم إزالة صندوق الإлемент المطلق بشكل كامل من التدفق الوثيقة، وتم تحديد موقعه بالنسبة إلى عنصر التضمين، الذي قد يكون عنصرًا آخر في الوثيقة أو العنصر التضميني الأولي. سيتم إغلاق المساحة التي كان الإлемент يأخذها في التدفق العادي كما لو لم يكن موجودًا. سيتم إنشاء صندوق مستوٍ بعد التركيز، بغض النظر عن نوع الصندوق الذي كان يصنع في التدفق العادي.
التثبيت النسبي
تساعد التركيز المطلق على إزالة موقع الإлемент من تدفق الوثيقة، لذا لا تشغل مساحة. هذا يختلف عن التركيز المطلق، الذي يعتبر جزءًا من نموذج التركيز العادي، لأن موقع الإлемент يتعلق بموضعه في التدفق العادي.
الإлементات الأخرى في تدفق العادي تبدو كما لو لم تكن موجودة:
#box_relative {
position: absolute;
left: 30px;
top: 20px;
}
كما هو موضح في الشكل التالي:
موقع العنصر المثبت مطلقًا يتعلقالعنصر المثبت المسبق الأقرب، إذا لم يكن لدي العنصر عنصرًا مثبتًا مسبقًا، فإن موقعها يتعلقالصندوق المحدد الأولي.
للمشاكل الرئيسية في التثبيت يجب تذكر معنى كل نوع من أنواع التثبيت. لذا، دعونا نعيد مراجعة ما تعلمناه الآن: التثبيت النسبي هو "مقارنة" بموقع العنصر في المستند، بينما التثبيت المطلق هو "مقارنة" بأقرب عنصر مثبت مسبقًا، إذا لم يكن هناك عنصر مثبت مسبقًا، فإنه "مقارنة" بالصندوق المحدد الأولي.
تعليق:اعتمادًا على وسيط المستخدم، قد يكون الصندوق المحدد الأولي هو اللوحة أو العنصر HTML.
إشارة:بما أن الصناديق المثبتة مطلقًا ليست لها علاقة بال流向 المستند، لذا يمكنها تغطية العناصر الأخرى في الصفحة. يمكن تعيينها خصائص z-indexلتحكم في ترتيب هذه الصناديق.
مثال على التثبيت المطلق CSS
- التثبيت: التثبيت المطلق
- هذا المثال يوضح كيفية استخدام القيمة المطلقة لتثبيت العناصر.
- الصفحة السابقة التثبيت المطلق
- الصفحة التالية الغوص CSS
