44. مخطط التموضع: Static (الافتراضي)

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

position: static

• السلوك: هذا هو مخطط التموضع الافتراضي لكل عنصر HTML.
• التدفق: يتم وضع العناصر وفقاً للتدفق الطبيعي للمستند (عناصر الكتلة تتراكم عمودياً؛ العناصر المضمنة تتدفق أفقياً).
• أعلى/يمين/أسفل/يسار: عندما يكون position: static نشطاً، فإن خصائص الإزاحة (top, right, bottom, left) ليس لها أي تأثير على الإطلاق.

html

css .static-box { /* هذا الإعلان زائد عن الحاجة، لكنه يوضح الافتراضي */ position: static;

/* سيتم تجاهل خصائص الإزاحة هذه */ top: 50px; left: 50px; }

خلاصة: إذا وجدت عنصراً لا يتحرك عند ضبط top: 20px; ، فتحقق مما إذا كانت خاصية position الخاصة به لا تزال مضبوطة على static.