مشکل در اعمال شدن کلاس clear

این کلاسی که تعریف کردید بیشتر به اسم هک clearfix شناخته میشه که یک روشی هستش برای رفع مشکل عناصر فلوت داخل یک نگهدانده و معمولا به نگهدارنده عناصرfloat داده میشه ، تا مانع از مشکل ارتفاع نگرفتن نگهدارنده یا همان سرریز شدن عناصر float از عنصر نگهدارنده شود. اینجا شما می تونید از خود خصوصیت clear ( نه این کلاسی که تعریف کردید) برای باکس زرد رنگ استفاده کنید.