La klara CSS-posedaĵo estis parto de CSS ekde CSS1. Ĝi ebligas al vi specifi, kio elementoj povas flosi apud la liberigita elemento kaj sur kiu flanko (j). La klara posedaĵo havas kvin eblajn valorojn:
- neniu
- maldekstra
- dekstre
- ambaŭ
- heredu
Kiel Uzi la CSS klaran Proprieton
La plej ofta maniero uzi la klaran posedaĵon estas post kiam vi uzis kaleŝejon en elemento. Ekzemple:
Teksto apud mia bildo.
Teksto, kiu estas sub mia bildo.
Ĉiuj elementoj defaŭlte klare: neniuj; , do se vi ne volas ke aliaj elementoj flosu apud io, vi devas ŝanĝi la klaran stilon.
Kiam vi demetas flosojn, vi kunigas vian klarecon al via flosako. Do se vi flosis la elementon maldekstre, tiam vi devas malplenigi maldekstren. Via floda elemento daŭre flosos, sed la rondigita elemento kaj ĉio post ĝi aperos sub ĝi sur la retpaĝo.
Se vi havas elementojn, kiuj flosas al ambaŭ dekstre kaj maldekstre, vi povas klaki nur unu flankon aŭ vi povas klari ambaŭ.
Uzante klara en Layouts
La plej ofta maniero, kiun la plej multaj projektistoj uzas la klaran posedaĵon, estas en aranĝo de paĝaj elementoj . Vi eble havas bildon flosantan ene de bloko de teksto kaj volas ke la sekva alineo komencu sub la bildo, aŭ vi eble havas tutan kolumnon de teksto, kiun vi volas flosi apud alia aro de teksto, kun iu teksto, kiu aperas sube.
Jen la HTML por aranĝo en ĉi tiu formo.
Ĝi havas unu kontenon tenantan alian, kiu flosas maldekstre.
Malgranda flosita div
Enhavo ene de la ujo div kiu estos dekstre de la flosita div.
Ĉi tio funkcios bone, kun la pli mallonga div flosanta maldekstre de la resto de la enhavo de la ĉefa div.
Vi povas klaki la tekston apud la flosita skatolo simple aldonante etikedo, kie vi volas ĝin komenci skribi sub la flosita skatolo.
Sed la problemo venas kiam la flosita skatolo estas pli longa ol la enhavo apud ĝi. Tiam, kiel vi povas vidi, la fonkoloro de la ĉefa skatolo ne estas portita malsupren al la fundo de la flosita skatolo.
Por sorto, estas facila maniero ripari ĉi tion: la posedaĵon. Fiksante la ĉefan skatolon al superfluo: aŭtomata; la fonkoloro restos apud la pli longa flosita skatolo ĉe la fundo, kiel montriĝas en ĉi tiu ekzemplo .