U HTML / CSS-u, koja je razlika između apsolutnog i relativnog pozicioniranja?


Odgovor 1:

relativna:

Element s položajem: relativni; postavljen je u odnosu na svoj normalni položaj.

Postavljanje svojstava gornjeg, desnog, donjeg i lijevog dijela relativno postavljenog elementa uzrokovat će da se prilagodi izvan svog normalnog položaja. Ostali sadržaj neće se prilagoditi tako da se uklapa u bilo koji jaz koji element ostavlja.

saznajte više na CSS Izgledu - Pozicija Svojstvo

apsolutna:

Element s položajem: apsolut; pozicioniran je u odnosu na najbližeg položaja pretka (umjesto da je postavljen u odnosu na prikaz, poput fiksnog).

Međutim; ako apsolutno pozicionirani element nema pozicionirane pretke, koristi se dokument dokumenta i kreće zajedno s pomicanjem stranica.

Napomena: "Pozicioniran" element je onaj čiji je položaj bilo šta drugo osim statičkog.

saznajte više na CSS Izgledu - Pozicija Svojstvo

Izvor: w3schools


Odgovor 2:

Raspada se prema tome koristi li ili ne mjesto koje mu je određeno. Kad se položi HTML, on tvori neku vrstu skupa, pa jedna stvar za drugom ide niz stranicu. Ako se jedna stvar ukloni, sve se kreće prema gore kako bi ispunilo svoj prostor.

Relativnim pozicioniranjem zadržava se taj prostor. Čak i ako element pomičete s gornjim / lijevim CSS-om, prostor u kojem je trebao biti ostaje netaknut.

Međutim, kada dodijelite apsolutno pozicioniranje, ono se izvlači iz ovog snopa i sve ispod njega se pomiče da zauzme svoje mjesto. Nalazi se na njenom zasebnom sloju i više ne utječe na stranicu. Pozicioniran je na temelju najbližeg roditelja koji ima relativno pozicioniranje.

Postoji još jedna vrsta i to je fiksno. Ovo je poput apsolutnog pozicioniranja, osim što se koristi prozor preglednika kao referenca, pa nije čak ni povezan s pomicanjem i ostat će na svom mjestu čak i ako se stranica pomiče.


Odgovor 3:

Raspada se prema tome koristi li ili ne mjesto koje mu je određeno. Kad se položi HTML, on tvori neku vrstu skupa, pa jedna stvar za drugom ide niz stranicu. Ako se jedna stvar ukloni, sve se kreće prema gore kako bi ispunilo svoj prostor.

Relativnim pozicioniranjem zadržava se taj prostor. Čak i ako element pomičete s gornjim / lijevim CSS-om, prostor u kojem je trebao biti ostaje netaknut.

Međutim, kada dodijelite apsolutno pozicioniranje, ono se izvlači iz ovog snopa i sve ispod njega se pomiče da zauzme svoje mjesto. Nalazi se na njenom zasebnom sloju i više ne utječe na stranicu. Pozicioniran je na temelju najbližeg roditelja koji ima relativno pozicioniranje.

Postoji još jedna vrsta i to je fiksno. Ovo je poput apsolutnog pozicioniranja, osim što se koristi prozor preglednika kao referenca, pa nije čak ni povezan s pomicanjem i ostat će na svom mjestu čak i ako se stranica pomiče.