Ang tin-aw nga property sa CSS nahimo nga bahin sa CSS sukad sa CSS1. Gitugotan nimo kini sa pagtino kon unsang mga elemento ang makalutaw sa daplin sa nalimpyo nga elemento ug sa kung unsa nga kiliran (s). Ang tin-aw nga kabtangan adunay lima ka posible nga mga prinsipyo:
- wala
- sa wala
- husto
- ang duha
- pagpanunod
Unsaon Paggamit sa CSS nga tin-aw nga Ari-arian
Ang labing komon nga paagi sa paggamit sa tin-aw nga kabtangan mao ang human nimo gigamit ang float property sa usa ka elemento. Pananglitan:
Text sunod sa akong imahe.
Ang teksto nga ubos sa akong imahe.
Ang tanan nga mga elemento default alang sa paghawan: wala; , busa kung dili nimo gusto ang ubang mga elemento nga molutaw sa daplin sa usa ka butang, kinahanglang usbon nimo ang tin-aw nga estilo.
Sa dihang imong gilimpyohan ang mga barko, imong gipares ang imong klaro sa imong float. Busa kon imong gilansangan ang elemento sa wala, nan kinahanglan imong hawanon sa wala. Ang imong naglutaw nga elemento magpadayon sa paglutaw, apan ang nahawanan nga elemento ug tanan nga butang human kini makita sa ubos niini sa web page.
Kon ikaw adunay mga elemento nga naglutawlutaw sa tuo ug sa wala, mahimo nimo ang paghinlo sa usa lamang ka bahin o mahimo nimo ang paghawid sa duha.
Gigamit ang tin-aw sa Mga Layout
Ang labing kasagaran nga paagi nga ang kadaghanan sa mga tigdisenyo naggamit sa tin-aw nga kabtangan anaa sa layout sa mga elemento sa panid . Mahimong adunay usa ka imahen nga naglutaw sulod sa usa ka bloke sa teksto ug gusto nga ang sunod nga parapo magsugod sa ubos sa hulagway, o tingali adunay tibuok kolum sa teksto nga gusto nimo nga molutaw sa daplin sa laing hugpong sa teksto, uban ang pipila ka teksto nga makita sa ubos.
Ania ang HTML alang sa usa ka layout niini nga porma.
Kini adunay usa ka sudlanan sa div nga nagkupot sa usa nga naglutaw sa wala.
Ang usa ka mubo nga naglutaw nga div
Mga sulod sa sulod sa container div nga anaa sa tuo sa flo flo.
Kini molihok nga maayo, uban sa mas mubo nga div nga naglutaw sa wala sa nahabilin nga mga sulod sa main div.
Mahimo nimong limpyohan ang teksto tapad sa floated box pinaagi sa pagdugang og usa ka tag diin gusto nimo kini magsugod sa pagsulat ubos sa floated box.
Apan ang problema moabut kung ang floated box mas taas kay sa mga sulod niini. Dayon, sumala sa imong makita, ang kolor nga kolor sa main nga kahon dili gidala ngadto sa ubos sa naglutaw nga kahon.
Suwerte, adunay usa ka sayon nga paagi sa pag-ayo niini: ang kabtangan. Pinaagi sa paghimo sa main nga kahon nga magaawas: auto; ang kolor sa background magpabilin tupad sa mas taas nga naglutaw nga kahon ngadto sa labing ubos, ingon sa gipakita sa niini nga panig-ingnan .