Harta CSS jelas geus bagian tina CSS saprak CSS1. Eta ngidinan Anjeun tangtukeun elemen naon bisa ngambang gigireun unsur diberesihan tur on nu samping (s). Harta jelas boga lima nilai mungkin:
- teu sahiji bae
- ditinggalkeun
- bener
- duanana
- manggih warisan
Kumaha Pake CSS Harta jelas
Cara paling umum ngagunakeun harta jelas nyaeta sanggeus anjeun geus dipaké sipat ngambang dina unsur. Salaku conto:
Téks gigireun gambar kuring.
Téks nu mangrupa handap gambar kuring.
Kabéh elemen dituna mupus: taya; , Jadi lamun teu hayang elemen séjén pikeun ngambang gigireun hal, anjeun kudu ngarobah éta gaya jelas.
Sawaktos Anjeun keur clearing floats, anjeun cocog jelas anjeun ngambang Anjeun. Ku kituna lamun floated unsur ka kénca, mangka anjeun kudu mupus ka kénca. Unsur Anjeun floated bakal neruskeun ngambang, tapi unsur diberesihan tur sagalana sanggeus eta bakal némbongan di handap eta dina kaca wéb.
Upami Anjeun gaduh elemen nu floated mun duanana katuhu jeung kénca, anjeun tiasa mupus ngan hiji sisi atawa anjeun bisa ngosongkeun duanana.
Ngagunakeun jelas dina Layouts
Cara nu paling umum paling désainer nganggo harta jelas nyaeta di perenah elemen kaca . Anjeun bisa mibanda hiji gambar ngambang jero hiji blok téks na hayang ayat salajengna pikeun ngamimitian handap gambar, atanapi Anjeun bisa mibanda hiji sakabéh kolom teks nu Anjeun hoyong ngambang gigireun kebat sejen tina téks, jeung sababaraha téks muncul di handap.
Di handap ieu HTML pikeun perenah di formulir ieu.
Cai mibanda hiji wadahna div nyekel sejen anu floated ka kénca.
A div pondok floated
Eusi jero div wadahna nu bade jadi ka katuhu tina div floated.
Ieu bakal dianggo rupa, jeung div pondok floating ka kénca ti sesa eusi div utama.
Anjeun tiasa mupus tulisan di gigireun kotak floated ku saukur nambahkeun tag dimana rék ka ngamimitian nulis dina kotak floated.
Tapi masalahna asalna nalika kotak floated téh leuwih panjang batan eusi gigireun eta. Lajeng, anjeun tiasa ningali, anu warna latar tukang kotak utama henteu dibawa turun ka handap kotak floated.
Kabeneran, aya mangrupakeun cara nu panggampangna pikeun ngalereskeun ieu: harta. Ku netepkeun kotak utama pikeun mudal: otomatis; warna latar bakal tetep gigireun kotak deui floated ka pisan handap, saperti ditingalikeun dina conto kieu .