قيم السمات الأربع للموضع:
1. نسبي
2.مطلق
3.ثابت
4. ثابت
هذه السمات الأربع موصوفة أدناه.
<div id=parent> <div id=sub1>sub1</div> <div id=sub2>sub2</div></div>1. نسبي
السمة النسبية بسيطة نسبيًا، نحتاج إلى معرفة الكائن الذي يتم إزاحته منه. الجواب يكمن في موقعه. في الكود أعلاه، يكون sub1 وsub2 في علاقة شقيقة، إذا قمت بتعيين سمة نسبية لـ sub1، على سبيل المثال، قم بتعيين كود CSS التالي:
#sub1{ الموضع: الحشوة النسبية: 5 بكسل؛يمكننا أن نفهم أنه إذا لم يتم تعيين السمة النسبية، فيجب أن يكون موضع sub1 في موضع معين وفقًا لتدفق المستند العادي. ولكن عندما يتم تعيين موضع sub1 على نسبي، فسيتم إزاحته وفقًا لموضعه المفترض وفقًا لقيم الأعلى واليمين والأسفل واليسار. وينعكس المعنى النسبي للنسبي في هذا أيضًا.
لهذا، تحتاج فقط إلى تذكر المكان الذي يجب أن يكون فيه sub1 إذا لم تقم بتعيين نسبي، وإزاحته من حيث يجب أن يكون بمجرد تعيينه.
والسؤال التالي هو، أين هو موقف sub2؟ الجواب هو أين كان من قبل وأين هو الآن لن يتغير موضعه لأن sub1 يضيف سمة الموضع.
ماذا سيحدث إذا تم تعيين موضع sub2 أيضًا على نسبي في هذا الوقت؟ في هذا الوقت، لا يزال هو نفسه sub1، ويتم إزاحته وفقًا لموضعه الأصلي.
لاحظ أن الإزاحة النسبية تعتمد على الجانب الأيسر العلوي من هامش الكائن.
2.مطلقهذه الخاصية مضللة دائمًا. يقال أنه عند تعيين سمة الموضع على مطلق، يتم وضعها دائمًا وفقًا لنافذة المتصفح، وهذا خطأ في الواقع. وفي الواقع، هذه سمة من سمات الصفات الثابتة.
عندما يتم تعيين موضع sub1 على مطلق، فمن الذي سيتم استخدامه ككائن للإزاحة؟ هناك حالتان هنا:
(1) عندما يقوم الكائن الأصلي للكائن الفرعي 1 (أو الجد الأكبر، طالما أنه كائن أصل)، يقوم الأصل أيضًا بتعيين سمة الموضع، وتكون قيمة سمة الموضع مطلقة أو نسبية، أي أنها ليست القيمة الافتراضية، ثم يتبع sub1 هذا الأصل يستخدم لتحديد المواقع.
لاحظ أنه على الرغم من تحديد الكائن، إلا أن هناك بعض التفاصيل التي تتطلب انتباهك، أي ما هي نقطة تحديد موضع الكائن الأصلي التي يجب أن نستخدمها لتحديد موضعه؟ إذا قام الأصل بتعيين سمات مثل الهامش والحدود والحشو وما إلى ذلك، فستتجاهل نقطة الموضع هذه الحشو وسيتم وضعها من بداية الحشو (أي تبدأ فقط من الزاوية اليسرى العليا للحشو)، أي أن تجاهل الحشو لن يتجاهل الهامش والحدود بالطبع.
والسؤال التالي هو، أين يقع موقع sub2؟ لأنه عندما يتم تعيين الموضع على مطلق، فإنه سيؤدي إلى تجاوز sub1 تدفق المستند العادي، كما لو أنه لا ينتمي إلى الأصل، فإنه يطفو لأعلى. يطلق عليه طبقة في DreamWeaver، لكنه يعني في الواقع نفس الشيء. في هذا الوقت، سيحصل sub2 على موضع sub1، ولم يعد تدفق المستندات الخاص به يعتمد على sub1، ولكنه يبدأ مباشرة من الأصل.
(2) إذا لم يكن لدى sub1 كائن أصل بسمة موضع، فسيتم استخدام الجسم ككائن تحديد الموضع ووضعه وفقًا لنافذة المتصفح، وهذا أسهل للفهم.
3. ثابتFixed هو مطلق خاص، أي أن Fixed يستخدم دائمًا الجسم ككائن تحديد الموضع ويتم وضعه وفقًا لنافذة المتصفح. حتى إذا تم سحب شريط التمرير، فلن يتغير موضعه. مشابهة لـ مرفق الخلفية: ثابت
بالطبع يبدو أنه لا يوجد دعم ضمن برنامج Dreamweaver
4. ثابتالقيمة الافتراضية للموضع بشكل عام، عندما لا يتم تعيين سمة الموضع، سيتم ترتيبها وفقًا لتدفق المستند العادي.
تلخيصما ورد أعلاه هو استخدام الموضع في HTML الذي قدمه المحرر وآمل أن يكون مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!