Sof CSS xususiyati CSS1dan beri CSS-ning bir qismidir. Bu element elementlarning yonida va qanday tomonda joylashganini aniqlab olish imkonini beradi. Aniq xususiyat beshta qiymatga ega:
- yo'q
- chapda
- o'ng
- ikkalasi ham
- meros qilib oladi
CSS-dan qanday qilib foydalanishingiz mumkin Clear Property
Bo'sh xususiyatni ishlatishning eng keng tarqalgan usuli - elementdagi float xususiyatini ishlatganingizdan keyin. Masalan:
Rasmim yonidagi matn.
Tasvirim ostidagi matn.
Barcha elementlar tozalagani yo'q: yo'q; , shuning uchun siz boshqa elementlarning biror narsaning yonida bo'lishini xohlamasangiz, aniq uslubni o'zgartirishingiz kerak.
Yig'ishlarni tozalashda siz o'zingizning shkafga mos tushasiz. Shunday qilib, elementni chapga surganingizda chapga silkitish kerak. Yuzagan elementingiz suziladi, lekin tozalangan element va undan keyin hamma narsa veb-sahifada quyida ko'rinadi.
Agar siz o'ngga va chapga surilgan elementlaringiz bo'lsa, faqat bitta tomonni tozalashingiz mumkin, yoki ikkalasini ham o'chirishingiz mumkin.
Mizanpajlarda tozalovdan foydalanish
Ko'pchilik dizaynerlar aniq xususiyatni ishlatishning eng keng tarqalgan usuli sahifa elementlarining tartibida bo'ladi . Matn bloklari ichida suzuvchi tasvir bo'lishi mumkin va keyingi paragraf tasvirning pastki qismida boshlashini xohlaysiz yoki matnning boshqa qismiga o'ralib olmoqchi bo'lgan matnning to'liq ustuniga ega bo'lishingiz mumkin.
Bu formada tartib uchun HTML.
Uning chap tomoniga suzuvchi yana bir idishni ushlab turgan bitta div bor.
Qisqa suzuvchi div
Filimdagi divning o'ng tomonida bo'ladigan konteyner div ichidagi kontent.
Bu yaxshi ishlaydi, qaysidir ma'noda div divining qolgan qismini chapga suradi.
Suzib ketgan qutining yonidagi matnni siltab qo'yiladigan quti ostiga yozishni boshlashni istagan joyni kiritishingiz mumkin.
Biroq, muammo yuzma-yuz keladigan quti yonidagi tarkibdan uzoqroq bo'lganda keladi. Keyin, siz ko'rib turganingizdek, asosiy qutining fon rangi suzuvchi qutining pastki qismiga o'tkazilmaydi.
Yaxshiyamki, buni tuzatishning oson usuli bor: mulk. Asosiy qutini to'ldirish uchun: auto; bu misolda ko'rsatilgandek , fon rangi uzoqroq yurib turgan qutining yonida qoladi.