css3 polohovanie. Absolútne umiestnené prvky ignorujú vlastnosť float. Relatívne umiestnenie css prvkov

Jeden z najlepších strany css spočíva v tom, že štýly nám dávajú možnosť umiestniť obsah a prvky na stránku takmer akýmkoľvek možným spôsobom. To prináša štruktúru do nášho dizajnu a pomáha urobiť obsah vizuálnejší.

Je tam niekoľko odlišné typy polohovanie v CSS, každý z týchto typov má svoj vlastný rozsah. V tejto kapitole sa na niektoré pozrieme rôznych príležitostiach aplikácie - vytváranie opakovane použiteľných rozložení a jedinečného umiestnenia jednorazových prvkov, ako aj popis niekoľkých spôsobov, ako to urobiť.

Polohovanie cez plavák

Jedným zo spôsobov umiestnenia prvkov na stránke je cez float majetok. Táto vlastnosť je pomerne všestranná a dá sa použiť mnohými spôsobmi.

Vlastnosť float v podstate vezme prvok, odstráni ho z normálneho toku stránky a umiestni ho naľavo alebo napravo od nadradeného prvku. Všetky ostatné prvky na stránke budú obopínať takýto prvok. Napríklad odseky budú obtekať okolo obrázka, ak má prvok vlastnosť float je nastavená.

Keď je vlastnosť float aplikovaná na viacero prvkov súčasne, umožňuje to vytvoriť rozloženie s pohyblivými prvkami vedľa seba alebo oproti sebe, ako je znázornené na rozložení s viacerými stĺpcami.

Vlastnosť float má niekoľko hodnôt, pričom dve najobľúbenejšie sú vľavo a vpravo , ktoré umožňujú umiestniť prvok naľavo alebo napravo od rodiča.

Img ( float: left; )

plávať v praxi

Vytvorme všeobecné rozloženie stránky s hlavičkou hore, dvoma stĺpcami v strede a pätou dole. V ideálnom prípade by táto stránka mala byť označená prvkami