هلا شرح لي أحدكم لماذا هذايحصل -float: right - ؟

السلام عليكم

لماذا عندما اضع float: right

للnavigation bar

ينعكس ترتيب اللائحة

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

التعليقات

hatem87 أضف ردا

لا اعرف اي لائحة تقصد. سؤالك يفتقد للتفاصيل. ومبهم. ارجو التوضيح اكثر.

عموما :

float: right;

تعني الآتي:

  • وضع العنصر على جهة اليمين
  • العنصر يتخذ الشكل المطاطي في حركته فهو لا يتقيد بأسطر معينة فقط يحاول التكيف مع بقية العناصر على ان يبقى في جهة اليمين وتسمى هذه الطبيعة absolute ويعادلها هذا السطر :

    position: absolute;

اللائحة هي تلك التي فيها : home news .....

لماذا تنعكس؟؟

في هذه الحالة يجب ان تقوم بارفاق كود CSS و HTML هنا لنحكم على الموضوع اكثر. ارجو ارفاق الكود هنا بالطريقة الصحيحة لنقراءه براحة تامة.

انا بدات من جديد

لكني أعدت المحاولة و تفضل الكود

تفضل هذا هو كود css بعد ان قمت باصلاحه لك والقائمة الان تعمل بشكل صحيح.

مالذي قمت به بالتفصيل أرجوك؟

طبعا اخطاءك هي كالتالي :

  • لقد قمت انت بوضع عنصر الفلوت باتجاه اليمين لكل عنصر في القائمة وهذا خطأ حيث سيتنافس كل عنصر من القائمة ليكون في جهة اليمين. والاصح هو وضع كل القائمة ككل على جهة اليمين بكل ما تحويه. لذللك قمت بنقل عنصر الفلوت الى وسم القائمة navbar ul.

  • ولانها قائمة ستلاحظ ان كل عنصر منها سيصبح في سطر على حدة ولحل الموضوع قمت باضافة قيمة inline-block لكل عنصر في القائمة navabar ul li. وهذا يعني ان كل عنصر سيحافظ على السطر وستظهر كل العناصر متحاذية في سطر واحد.

شكرا على الإفادة

لاحظ معي ان سبب الانعكاس الاساسي. هو السبب الاول الذي ذكرته. فبسبب تنافس كل عنصر لاخذ مكانه في اليمين بداية من اخر القائمة ونهاية بالهوم , ولان الهوم هو اخر عنصر تنافس على جهة اليمين ستبدو لك القائمة مقلوبة. عنصر الفلوت لا يمكن الممازحة فيه فهو اناني ويجب ان يكون وحيدا في جهته على نفس المستوى.