متي أستخدم الـ float

السلام عليكم

ال float ببساطة هو انك بتقوم بازاحة العنصر يمين او شمال

ال container اللي معموله float لازم يكون معموله clear:both قبل وسم الاغلاق, وده من خلال عنصر تاني مثل div او من خلال عنصر وهمي (after:) في الcss

.container:after {
    content: '';
    display: block;
    clear: both;
}

العناصر اللي معمولها float بتخرج من اطار العمل (workflow) الخاص بها و فايدة الclear انه بيعمل توقيف للfloat عند اخر عنصر

ده مثال لعناصر بfloat و container بدون clear

في المثال السابق سوف ترى ان ارتفاع الcontainer قد توقف عند ال min-height و لم يقوم باحتساب ارتفاع العناصر التي بداخله لان ال container بدون clear و هذا ادى الى عدم توقف ال clear عند اخر عنصر

وده مثال لعناصر بfloat و container ب clear