Die duidelike CSS-eiendom is sedert CSS1 deel van CSS. Dit laat u spesifiseer watter elemente langs die skoongemaakte element en aan watter kant (e) kan dryf. Die duidelike eiendom het vyf moontlike waardes:
- niemand
- links
- reg
- beide
- erf
Hoe om die CSS-skoon eiendom te gebruik
Die mees algemene manier om die duidelike eiendom te gebruik, is nadat jy 'n float-eiendom op 'n element gebruik het. Byvoorbeeld:
Teks langs my prent.
Teks wat onder my beeld is.
Alle elemente verstek om te verwyder: none; , dus as jy nie wil hê dat ander elemente langs iets beweeg nie, moet jy die duidelike styl verander.
Wanneer jy vlotte skoonmaak, pas jy jou vlot aan. So as jy die element aan die linkerkant swaai, moet jy na links verwyder. Jou swaai element sal voortgaan om te dryf, maar die geskrap element en alles daarna sal onder dit op die webblad verskyn.
As jy elemente het wat beide regs en links gedryf word, kan jy net een kant skoonmaak of jy kan albei verwyder.
Gebruik duidelike uitlegte
Die mees algemene manier waarop die meeste ontwerpers gebruik maak van die duidelike eiendom is in uitleg van bladsy-elemente . Jy kan dalk 'n prentjie in 'n blok teks swaai en wil hê dat die volgende paragraaf onder die prentjie begin, of jy kan 'n hele kolom teks hê wat jy langs 'n ander klomp teks wil dryf, met 'n paar teks hieronder.
Hier is die HTML vir 'n uitleg in hierdie vorm.
Dit het een div container wat 'n ander hou wat aan die linkerkant gedryf word.
'N Kort swewende div
Inhoud in die houer div wat regs van die geslote div sal wees.
Dit sal goed werk, met die korter div swaai links van die res van die inhoud van die hoof div.
U kan die teks langs die versteurde boks skoon maak deur eenvoudig 'n merker te voeg waar u dit wil begin skryf onder die geslote vak.
Maar die probleem kom wanneer die swaai boks langer is as die inhoud langsaan. Dan, soos u kan sien, word die agtergrondkleur van die hoofkas nie na die onderkant van die gedraaide boks gedra nie.
Gelukkig is daar 'n maklike manier om dit reg te stel: die eiendom. Deur die hoofkas in te stel om te oorloop: motor; die agtergrondkleur bly langs die langer gedrewe boks aan die onderkant, soos in hierdie voorbeeld getoon .