أخ apitos لا تضع للأشياء تفسيرات عجيبة دائما تحيرك
فالخاصية كتب عنها في سوالف و أكثر من مدوّن كتب عنها بالتفصيل، خد عندك وربما هذا كل ما كُتب عنها مفصل بالعربية..
Css-Position
من الدكتور نت //
من cssbit //
من المصنع //
من مبدع.
..
و
في سوالف أيضا و يمكنك القراءة عنها من تعريب سردال
في html.net.
وعلى كلاً في المثال أول الموضوع الخاصية position بالوضع absolute سوف تطبق على آخر div في التسلسل العائلي كما هو مكتوب hasJS > articles > div > div وبما انه أخذ الوضع absolute -يعنى أصبح ابن ضايع- وله حرية الحركة في أي مكان داخل الصفحة أو خارجها!
اللى أفهمه من الخصائص أول الموضوع أن التنسيق html تم على هذا الشكل:
كود:
<div class="hasJS">
<div class="articles">
<div>
<div></div>
</div>
</div>
</div> ولو راجعنا القيم التى يأخذها نجد أن آخر div يرتفع بمقدار 5000 بكسل ويخرج تماماً عن الصفحة ذلك لأن القيمة سالبة (جرب أن تكون القيمة موجبة سيمتد العنصر الى داخل الصفحة)، ونفس الحال جهة اليمين فهو يخرج عن الصفحة بنفس القيمة ويختفي تماماُ، وتجدر الإشارة هنا أنه حتى يختفي العنصر بشكل سليم دون ظهور شريط التمرير السفلي إجعل الإتجاة الجانبي عكس إتجاة الصفحة -لو للغة العربية والصفحة من اليمين الى اليسار تكون القيمة موجبه و جهة اليسار أو سالبة و جهة اليمين والعكس صحيح-
والغرض الفعلي من هذه القيم الكبيرة جداً على هذا النحو هو التخفي الكلي او إظهار جزء من العنصر في الوقت الذى لا نريد فيه إظهار جزء آخر وعلى حسب التصميم والمحتويات نحدد القيم، ومن غير الممكن ظهورها في العرض كما قلت إلا إذا كانت شاشتك عرضها اكثر من 5000 بكسل!
بالمرفق مثال أفتح الصفحة وشاهدها، تجد أن العنصر الأخير أختفى تماماً من العرض ثم حاول وغير في القيم وشاهد ماذا يحدث..
أما relative بإختصار فهي خاصية لتغيير السلوك الطبيعي للعنصر -السلوك الطبيعي هو موقعة الفعلي في الصفحة- ولهذا نقول أنه يعتمد على div آخر أو العناصر من حوله، كما أن تلك الخاصية لها تأثير على الوضع absolute في حالة كان هو العنصر الأب له
-راجع وصلات الشرح-
