clearfix : آموزش استفاده از flow-root بجای clearfix

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون در مورد مقدار جدید flow-root برای ویژگی display توضیحاتی رو قرار داده و از اون به عنوان جایگزینی برای clearfix میتونین استفاده کنید.

برای شروع وارد سایت clearfix بشین.

توضیحات مربوط به آموزش clearfix

همونطور که میدونین در درست کردن قالب سایت با استفاده از HTML و CSS قبل از اومدن Flexbox و CSS Grid به دفعات بالا از Float استفاده میکردیم و یه مشکل که همیشه پیش میامد در تصویر بالا و سمت چپ نمایش داده شده است. میبینید که المنت پدر در مورد المنتهای فرزندی که Float هستند بی اعتنا هست و اونا رو در خودش جا نمیده.

برای حل این مشکل روشهایی که وجود داشت استفاده از clear: both و clearfix بود.

این آموزش در مورد روش جدید استفاده از display: flow-root آموزشی رو قرار داده است.

با استفاده از این مقدار جدید میتونین این مشکل رو برای همیشه حل کنید.

امیدوارم بدردتون بخوره.

موفق باشید.

یا علی

clear clearfix CSS‏ display flow-root hack learning