Obratimo pažnju na nedostatke plovka. Kako se blok i ugrađeni elementi međusobno ponašaju i trebaju li ih koristiti zajedno. Analizirajmo što je gubitak i kako se nositi s njim.
Unatoč činjenici da smo u prošlom članku izgradili jednostavnu mrežu za web mjesto pomoću plutajućih slojeva, oni su izvorno 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: lijevo;
širina: 150px;
}
.block2 {
plutati: 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 plutajućeg elementa.
Ali kako plovak komunicira s plovkom?
Ponašaju se poput teksta: stoje jedan za drugim sve dok ima slobodnog prostora, a zatim prelaze u novi redak. Stoga smo uz pomoć plovaka počeli graditi mreže. Ako nema mjesta, premještaju se dalje od širine stranice, odnosno ne idu nikamo.
Ako plovak ne vidi jednostavne blokovske elemente, tada se blok elementi mogu naučiti da vide plovak. Koristimo svojstvo clear, koje onemogućuje umotavanje sa svih strana (ili s odabranih). Odnosno, element s bistrim pasti će ispod elementa s plovkom.
