Izpratne par CSS Clear Property

Skaidrs CSS īpašums ir daļa no CSS kopš CSS1. Tas ļauj jums norādīt, kādi elementi var peldēt blakus iztīrītajam elementam un kādā pusē (s). Skaidrajam īpašumam ir piecas iespējamās vērtības:

Kā lietot CSS skaidru īpašumu

Visizplatītākais veids, kā izmantot skaidru īpašību, ir pēc tam, kad esat elementā izmantojis pludiņa īpašumu. Piemēram:

Teksts blakus manam attēlam.

Teksts, kas atrodas zem mana attēla.

Visi elementi noklusējumam ir skaidrs: neviens; , tādēļ, ja nevēlaties, lai citi elementi peldētu blakus kaut ko, jums ir jāmaina skaidrs stils.

Kad esat iztīrījuši pludiņus, jūs savietojat savu skaidrību ar pludiņu. Tātad, ja jūs peldat elementu pa kreisi, tad jums vajadzētu noskaidrot pa kreisi. Jūsu peldētais elements turpinās peldēt, taču tīrā elementa un viss pēc tam parādīsies zem tā tīmekļa lapā.

Ja jums ir elementi, kas tiek peldēti gan labajā, gan kreisajā pusē, varat notīrīt tikai vienu pusi vai arī jūs varat tos notīrīt abus.

Izmantojot skaidru izkārtojumu izmantošanu

Visizplatītākais veids, kā lielākā daļa dizaineru izmanto skaidru īpašību, ir lapas elementi . Iespējams, ka teksta bloka iekšpusē ir peldošs attēls, un vēlaties, lai nākamajā rindiņā sāktu zem attēla, vai arī jums var būt pilna teksta sleja, kuru vēlaties peldēt blakus citai teksta virknē, ar zemāk redzamu tekstu.

Šeit ir izkārtojuma HTML šajā formā.

Tas ir viens div konteiners saimniecības citu, kas ir peldēja pa kreisi.



Īss peldēts divs



Saturs konteinera div iekšpusē, kas atrodas pa labi no peldētā div.

Tas darbosies labi, ar īsāko div pāriet no kreisās puses no pārējā galvenā div satura.

Jūs varat notīrīt tekstu blakus peldētajai kastītei, vienkārši pievienojot tagu, kurā vēlaties to sākt rakstīt zem peldētās kastes.

Bet problēma rodas, ja peldēta kastīte ir garāka par blakus esošo saturu. Pēc tam, kā redzat, galvenās lodziņa fona krāsa netiek veikta līdz peldētās kastes apakšai.

Par laimi, ir vienkāršs veids, kā to novērst: īpašums. Iestatot galveno lodziņu, lai pārpildītu: auto; fona krāsa paliks pie garākas peldētās kastes līdz pašam apakšam, kā parādīts šajā piemērā .