پاکسازی شناورها در CSS

پاکسازی شناورها در CSS با جلوگیری از همپوشانی عناصر متوالی بر روی عنصر شناور ، رفتار عنصر شناور را کنترل می کند.

مقدار مشخصه مشخص ، ضلعی را مشخص می کند که قرار نیست عنصر شناور روی آن شناور شود. مقادیر مشخصه مشخص نمی تواند هیچ ، چپ ، راست ، هر دو ، ارثی ، درون خطی و انتهای خطی باشد.

در مثال ، CSS عناصر شناور را در سمت چپ روشن می کنیم:

div {
   clear: left;
}

توجه: وقتی جهت یکسانی را برای CSS clear و float تعیین می کنید ، عنصر زیر عنصر شناور حرکت می کند.

رفع مشکل پاکسازی شناورها در CSS

هنگامی که شما نیاز به ایجاد شناورهای CSS شفاف دارید ، استفاده از پاک کردن CSS مفید است. به عنوان مثال ، هنگامی که ظروف فقط عناصر شناور دارند ، آنها به دور آنها نمی پیچند و فرو نمی ریزند. پاک کردن CSS اطمینان حاصل می کند که ظرف با پاک کردن خودکار عناصر کودکان ، موارد شناور را بسته بندی می کند.

در اینجا نحو تصحیح CSS وجود دارد:

#container::after { 
  content: "";
  display: block; 
  clear: both;
}

توجه: پاک کردن CSS با عنصر شبه :: بعد کار می کند.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.