يعنى انت مش مُنتسب فى القناة ولا مُشترك فى كورس يوديمى وكمان مشغل الأدبلوك فى الموقع !! 😢
Float CSS شرح
بص يا أخويا نصيحة من العبد لله لو عاوز تبقى برنس في ال CSS احترف خاصية ال float و ال flex-box.
نقول تاني؛ ال float وال flex-box انا شايف انهم اهم حاجة في ال CSS ف خد وقتك وبراحتك خااااالص في ال2دول بالذات
⚠ انا الصراحة بكتب المقال ده بروقان جامد جدا عشان القهوة الى جمبى دي عامله دمااااغ عالية الصراحة 😂
نبتدى بشرح الfloat
ترجمة جوجل بتقول ان float معناها يعوم او يطفو وانا بقولك ان معناها هو: إزاحة او إنتقال العنصر جهة اليمين او جهة اليسار; يبقى float معناها إنتقال العنصر جهة ال ايه.......
خاصية الfloat لها قيمتان فقط هما:
float: | |
---|---|
right; | الترجمة: انتقال العنصر جهة اليمين |
left; | الترجمة: انتقال العنصر جهة اليسار |
none; | الترجمة: لا شئ |
امتا بقا نستخدم الfloat يا قيادة؟
- لجعل العناصر بجوار بعضها ابتدأ من اليمين او اليسار (يفضل ان تكون العناصر دي متساوية في الارتفاع)
- لجعل عنصر مُعين في أقصر اليمين او اقصى اليسار
- لوضع مُحتوي نصي بجوار عنصر معين مثل الصور
مشاكل وحلول خاصية الfloat

اكيد انت محتاج الحل رقم 4 عشان تعمل له copy .. صح ؟!! 😂 😂
اهو يا سيدي 👇
.parent::after {
content: "";
clear: both;
display: table;
}
⚠ ارتفاع العنصر الFLOAT يَتحدد على حسب المحتوى الذى بداخل العنصر.
⚠ معظم مشاكل الfloat يتم حلها بخاصية الflexbox
الخلاصة
- من الاخر كده الfloat مليان مشاكل وعيوب و الflexbox يعالج معظم المشاكل دي
- نستخدم الfloat في حالات بسيطة جداً مثل تحريك عنصر اقصى اليمين او اقصى اليسار
- طيب بما ان الfloat وحش اوي كده طب انا قولت في الأول ان الfloat مهم ليه؟
ج/ لان تقريبا 91% من المواقع معموله بالfloat لان خاصية الflexbox حاجة جديدة على الCSS وبالتالي لو جالك موقع تعدل عليه اكيد 100% هتقابل الfloat وهيبقى يومك طين لو مش مُذاكر float كويس 😊