From the course: CSS Layouts: From Float to Flexbox and Grid

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Position: Relative and absolute

Position: Relative and absolute - CSS Tutorial

From the course: CSS Layouts: From Float to Flexbox and Grid

Start my 1-month free trial Buy for my team

Position: Relative and absolute

“

- [Instruktor] Osobina pozicije se takođe može koristiti za promenu toka dokumenta raspoređivanjem elemenata u odnosu na njegovu trenutnu poziciju, element koji sadrži ili prikaz pretraživača. Iako se pozicija ne koristi za kreiranje rasporeda cele stranice, korisna je za fino podešavanje komponenti unutar stranice. Pogledajmo kako funkcioniše relativno i apsolutno pozicioniranje u primeru CodePen-a. Napravio sam osnovni raspored stranice bez plovaka ili drugih stilova rasporeda. Samo neki stilovi za razlikovanje komponenti jedni od drugih. Počnimo tako što ćemo pogledati relativnu vrednost. U ovom primeru, kutija se nalazi u glavnom području sadržaja. Koristi klasu koja se zove relativna. Hajde da ga nađemo u CSS panelu. To je dole na liniji 31. Hajde da nastavimo i dodamo taj stil. Relativni je jedini pozicionirani element koji ostaje u toku rasporeda. Dakle, dodavanje ove vrednosti ne menja automatski svoju…

Contents