Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

Clearfix

"Clearfix" usuli (hack) yordamida float’larni tozalashni o‘rganing.

ULASHISH

Float’lar qanday tozalanadi (clearfix)

Float qilingan elementdan keyingi elementlar uning atrofini aylanib joylashadi. Bu muammoni hal qilish uchun "clearfix" usulidan foydalaning:

Clearfix’siz

Clearfix bilan

Clearfix usuli (hack)

Agar element o‘zini o‘rab turgan elementdan balandroq bo‘lsa va float qilingan bo‘lsa, u konteyneridan tashqariga toshib chiqadi.

Bu muammoni hal qilish uchun o‘rab turgan elementga overflow: auto; qo‘shishimiz mumkin:

Misol

.clearfix {   overflow: auto; }
O‘zingiz sinab ko‘ring »

overflow:auto clearfix usuli margin va padding qiymatlarini nazorat qila olsangiz yaxshi ishlaydi (aks holda aylantirish chiziqlari paydo bo‘lishi mumkin). Biroq yangi, zamonaviy clearfix usuli xavfsizroq va quyidagi kod ko‘pchilik veb-sahifalarda ishlatiladi:

Misol

.clearfix::after {   content: "";   clear: both;   display: table; }
O‘zingiz sinab ko‘ring »

Maslahat: Float’lar haqida CSS Float darsligimizda batafsil bilib oling.

‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish