Obratimo pažnju na nedostatke plovka. Kako se blok i ugrađeni elementi ponašaju jedni s drugima i da li ih treba koristiti zajedno. Analizirajmo šta je gubitak i kako se nositi s njim.
Uprkos činjenici da smo u prošlom članku izgradili jednostavnu mrežu za web lokaciju pomoću plutajućih slojeva, oni su prvobitno namijenjeni prilagodbi protoka elemenata u tekstu. Float ima tri značenja: lijevo - elementi se lijepe na lijevu marginu; desno - elementi su pritisnuti na desni rub; ništa - Način premotavanja je onemogućen.
Element omotan plovkom može se dimenzionirati i podstaviti, ali ako je element u liniji ponašat će se kao blok element.
.block1 {
plutajuće: lijevo;
širina: 150px;
}
.block2 {
plutajuće: desno;
širina: 150px;
}
Postoji još jedan problem kod upotrebe plovaka, koji ispada iz toka. Pojavljuje se kad blokovi idu jedan za drugim, ali samo jedan od njih ima svojstvo float, tada će biti na vrhu ostalih, jer ne vidi druge blokove. Inline elementi će se omotati oko plutajućih elemenata, ali blok koji sadrži ovaj tekst ostat će ispod float elementa.
Ali kako float komunicira s floatom?
Ponašaju se poput teksta: stoje jedan za drugim sve dok ima slobodnog prostora, a zatim prelaze u novi red. Stoga smo uz pomoć plovaka počeli graditi mreže. Ako nema više mjesta, oni se premještaju izvan širine stranice, odnosno ne idu nikamo.
Ako float ne vidi jednostavne blokovske elemente, tada se blok elementi mogu naučiti da vide float. Koristimo svojstvo clear, koje onemogućava umotavanje sa svih strana (ili sa odabranih). Odnosno, element s bistrim će pasti ispod elementa s plovkom.
