U display block nijedan od div-ova ne dozvoljava da mu se pridje u njegov red(div zauzima punu sirinu)


Ovde je druga prica.... div uzima od sirine samo onoliko koliko mu je portrebno za inline-block


Learn everthing
Home

Samo inline dozvoljava da svi blokovi sede u jednoj liniji,ali dobijaju dimenzije na osnovu sadrzaja iznutra(pogodno za kreiranje navbar-a)(koja je razlika onda izmedju inline Block i inline: pa bas zbog tog prilagodjavanja sadrzaju sto nam omogucava da svaki div bude isti bez nekih bagova i dodatnih podesavanja)


I postoji none opcija koje ne prikazuje uopste div ne toliko bitna za poznavanje


Float

omogucuje nam da se divovi medjusobno ne poklapaju vec da se slazu kao tetris

Ako se float div-ovi susretnu sa ne-float divovima doci ce do poklapanja tako da mozemo staviti clear atribut (mogucnosti : right,left,clear) koji ce poslati ne-float divove na dno stranice(primer rozi div)

Positioning

Absolute

Svi elementi se pomeraju sa top-bottom-left-right atributima

Element biva postavljen tako da izgleda kao da nema veze sa stranicom(Svi ostali elementi mogu ici preko/ispod njega kao da nema).U tome i jeste fora ove pozicije sto elementi mogu da se slazu jedan na drugi, i to uz pomoc atributa koji daje elementu prednost da se slozi jedan na drugi(z-index sto vecu vrednost ima to ima vecu prednost da bude preko elemenata). Njegovo pomeranje se vrsi u odnosu na prvi parent element kojim ima relative position sto je u ovom slucaju body(ako bi prvi parent element bilo nesto drugo sva pomeranja bi se vrsila u odnosu na njega)

Relative

Zahteva svoj prostor pomeranje u odnosu na svoju poziciju, prelazi preko elemenata pri pomeranju(sto se opet moze menjati sa z-index(mada nema puno znacaja)) niko ne dira njegov prvobitan prostor u odnosu na koji je elment pomeren

Static

Kao relative zauzima svoj prostor, ali se ne moze pomerati izmedju atributa

Fixed

Ostaje zalepljen na stranici tokom skrolovanja

Dodaci