اهميه خاصية clear في css مع خاصية float

خاصية clear في CSS مهمة عند العمل مع العناصر ذات الخصائص العائمة (float). حيث وظيفتها هي التحكم في سلوك ظهور العناصر في الصفحة بعد العناصر التي تم تطبيق خاصية float عليها.

حيث عند استخدام float مع العناصر يتم إزالة هذه العناصر من العرض الطبيعي للصفحة مما يعني أن العناصر الموجودة في الصفحة قد تلتصق بجانبها إذا كان هناك مساحة متاحة. و لكن في بعض الأحيان قد نحتاج إلى منع هذا الأمر وعدم جعل العناصر متلاصقة و خاصية clear تساعدنا في ذلك .

وهذه هي القيم التي يمكن أن تأخذها الخاصية clear:

• none : هذه هي القيمة الافتراضية، ولا يوجد أي تأثير على العنصر فيما يتعلق بالعناصر العائمة.
•  left : تعني أنه يجب أن يتم إزاحة العنصر من الجانب الأيسر بعد أي عنصر عائم على اليسار.أي أن العنصر سينزل أسفل العناصر العائمة على اليسار.
   
• right : تعني أنه يجب أن يتم إزاحة العنصر من الجانب الأيمن بعد أي عنصر عائم على اليمين.
  
• both : تعني أنه يجب أن يتم إزاحة العنصر من الجانبين (اليسار واليمين) بعد أي عنصر عائم سواء على اليسار أو اليمين.
  

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

والدرس التالي من موسوعة حسوب :

• الخاصية clear - موسوعة حسوب