سؤال محرج شوي، مالفرق بين position absolute و relative

[2600ma]

بدأت من مدة تعلم لغة css وتعلمت التعامل و التحكم بأي صورة أو جدول والخطوط ب style
لكن مالم أفهمه لحد الساعة هو مالفرق بين

position:absolute

و

position:relative

أفتونا يمن تعلمون عنا و جزاكم الله خيرا

[2600ma]

:con2:

أما قلت انه سؤال محرج

[ياقلبي]

الموقع : القريب

الموقع : المطلق

[إنترنت بلس]

شوف يا سيدي
absolute
يعني لما تحط احداثيات الشيء اللي ح تخليه في الصفحة ح تكون ارقام الاحداثيات حقيقية .. يعني مثلا لو قلتله:
x=100
معناه ان الشيء ح يكون مكانه في الشاشة أو النافذة مسافة 100 بكسل من شمال الشاشة ..

أما:
relative
فالرقم الموضوع يعبر عن المكان بالنسبة لنافذة الموقع المفتوحة .. لو النافذة مثلا مصغرة الرقم بيكون بالنسبة لها هي مش للشاشة .. يعني
x=100
معناها 100 بكسل من بداية النافذة شمال ..

[Zizwar]

شوف يا سيدي
absolute
يعني لما تحط احداثيات الشيء اللي ح تخليه في الصفحة ح تكون ارقام الاحداثيات حقيقية .. يعني مثلا لو قلتله:
x=100
معناه ان الشيء ح يكون مكانه في الشاشة أو النافذة مسافة 100 بكسل من شمال الشاشة ..

أما:
relative
فالرقم الموضوع يعبر عن المكان بالنسبة لنافذة الموقع المفتوحة .. لو النافذة مثلا مصغرة الرقم بيكون بالنسبة لها هي مش للشاشة .. يعني
x=100
معناها 100 بكسل من بداية النافذة شمال ..

ماشاء الله عليك أخي كفيت ووفيت ماخليت لنا شيء لنقوله بارك الله فيك

2600ma أظن أنه قد تشابه عليك البقر وضننت أن absolute و relative يقومان بنفس العمل
فعلا هذا صحيح اذا كانت تريد ان تعتمد في الوضع على احداثيات الصفحة مباشرة كالمثال الأول في الملف المرفق
حيت الصندوق1 يحمل احداثيات

top = 20%
left = 15%

و الصندوق2 يحمل احداثيات

top = 70%
left = 25%

والوضع سيكون absolut

لكن ماذا لو أردنا أن نعتمد على حداثيات صندوق أو مساحة اخرى و ليس احداثيات الصفحة
عندها تبرز اهمية relative لكن بشرط أن يكون object وسط ذالك الصندوق او تلك المساحة المحجووة
فيصبح الصندوق2 معتمد على احداثيات الصندوق1
كما في المثال المرقث عززه بشرح الأخ إنترنت بلس وسيصلك المعنى

[إنترنت بلس]

شكرا أخي زيزوار

[2600ma]

ياسلام الأساتذة في موضوعي يا مرحب يا ألف مرحب
حلوة تشابه علي البقر :nice: هوالبقر بس حتى الخرفان تشابهت لي مع البقر :funny:

كنت سأيأس واتخلى عن فكرة متابعة تعلم css في كل مرة أفهم شوية لحين وصلت لهاذ position
فوقف حمار جحا في العقبة ،لكن الآن بشرحكم المتميز ركلته وهو الأن سائر في الطريق

ياقلبي :nice:
إنترنت بلس :app:

Zizwar اجي أولد بلادي :deal:
كلشي فهمتو الا هذيك الاخرة للي درتي كيفاش الطول اوالعرض ديرتيهم بالنسبة المؤية مشي بيكسل راني غادي نزيد نتسطى :eek2: اونقلب على كلشي