"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > استخدم CSS لتحديد موضع عناصر HTML بالنسبة للحاوية

استخدم CSS لتحديد موضع عناصر HTML بالنسبة للحاوية

نشر في 2025-05-01
تصفح:312

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

How Can I Precisely Position HTML Elements Relative to Their Containers Using CSS?

مثال:

الموقف: قريب الارتفاع: 100px ؛ } #صندوق { الموقف: مطلق ؛ أعلى: 50 بكسل ؛ اليسار: 20 بكسل ؛ } في هذا المثال ، سيتم وضع عنصر #box 50 بكسل من الجزء العلوي و 20 بكسل من يسار الوالد الخاص به. بدون أحد الوالدين الموقع ، سيتم وضع العنصر بالنسبة إلى نافذة المتصفح.

الفوائد:

JavaScript

العناصر.

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

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

Copyright© 2022 湘ICP备2022001581号-3