ما هي استخدامات float و clear في CSS

• الخاصية float تستخدم لتحديد تعويم العنصر إلى أحد جانبي العنصر اللاحق له، كأن يتم تعويم عنصر صورة إلى جانب نص على اليمين أو اليسار، تأخذ القيم none - right - left
• الخاصية clear تستخدم لمنع تعويم العناصر الأخرى على جوانب العنصر الحالي، ويمكن أن تأخذ القيم  right - left - none أو both لمنع تعويم العناصر على كلا جانبي العنصر الحالي
    

يمكنك الاستفادة من قراءة المقالات التالية:

تُستخدم خاصية الطفو لتحديد موضع المحتوى وتنسيقه على سبيل المثال دع الصورة تطفو إلى اليسار على النص الموجود في الحاوية.

يمكن أن تحتوي الخاصية float على إحدى القيم التالية:

left - يطفو العنصر إلى يسار الحاوية الخاصة به
right - يطفو العنصر على يمين الحاوية الخاصة به
none - لا يطفو العنصر (سيتم عرضه في مكان ظهوره في النص فقط)
inherit - يرث العنصر القيمة العائمة للعنصر الأصل
في أبسط استخدام لها ، يمكن استخدام خاصية الطفو لالتفاف النص حول الصور.

في العموم يجب عليك التجربة بنفسك لتأخذ فكرة أفضل كما يمكنك تجنب استخدام float واستخدام تقنيات عصرية أكثر ك flexbox و grid