-1

الفرق بين float ,postion

السلام عليكم

سؤال في الويب ديزان ايه الفرق بين float ,position absolute

يعني طالما اقدر احرك العنصر ب position absolute

يبقى ليه استخدم float

وايضا خلال بحثي وجدت انه هناك خاصيه جديدة تدعي flex box هل الخاصية دي تغني عن float , position

وشكرا

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

Float تقوم بتعويم العنصر لاتجاه ما، مثلا لديك عدة ٤ عناصر وقمت بإعطاءها float:right بهذه الحالة ستصطف بجانب بعضها البعض بدون تداخل اما في حال استعملت position:absolute ستأتي العناصر فوق بعضها وستحتاج لتحديد مكان كل عنصر لوحده

اعتقد ان flexbox تغني بشكل كبير عن float لكن ليس بشكل كلي

Flexbox لا تغني عندما يكون لدي عنصر اريد محاذاته لليمين او اليسار.

Position :absolute and float:x يختلفان بشكل كلي عن بعضهما

تجعل العنصر حرًا بالصفحة وليس مقيد بأي شيء وقليل ما يُستخدم لاضراره بالريسبونسف، لانه لا يجعل العنصر يتسم بقواعد ال layouts ، اذا اضطررت ان تحرر العنصر من مكانه، ف ينصح باستخدام postion :relative

+===========

اما عن float ف تعمل على محاذاة العنصر لليمين او اليسار الو الوسط من العنصر الاب اذا كان عنصرا واحدا، اما اذا كان لدي عدة عناصر مثلا ul بداخلها عدة li

الديفولت لهذا ان يصطف غناصر ال li فوق بعض، واذا اتينا واعطينا ال ul float left، ف سيجعل عناصر ال li يصطفوا بجانب بعض،

وهكذا..