Mis vahe on HTML / CSS-is absoluutse ja suhtelise positsioneerimise vahel?


Vastus 1:

Sugulane:

Element positsiooniga: suhteline; on paigutatud normaalse asendi suhtes.

Suhteliselt paigutatud elemendi üla-, parempoolse, alumise ja vasaku omaduse seadmine põhjustab selle tavapärasest asendist erineva reguleerimise. Muud sisu ei kohandata nii, et see mahuks elemendi jäetud tühimikku.

lisateavet leiate CSS-i paigutusest - positsiooni omand

Absoluutne:

Element positsiooniga: absoluutne; on paigutatud lähima esivanema suhtes (mitte vaateakna suhtes, nagu fikseeritud).

Kuid; kui absoluutselt paigutatud elemendil pole positsioneeritud esivanemaid, kasutab ta dokumendikeha ja liigub koos lehe kerimisega.

Märkus: "Positsioneeritud" element on element, mille asukoht on midagi muud, välja arvatud staatiline.

lisateavet leiate CSS-i paigutusest - positsiooni omand

Allikas: w3koolid


Vastus 2:

See jaguneb sõltuvalt sellest, kas ta kasutab ära pakutud koha. Kui HTML on paigutatud, moodustab see omamoodi virna, nii et üks asi teise järel läheb lehest alla. Kui üks asi eemaldatakse, liigub kõik oma ruumi täitmiseks üles.

Suhtelise positsioneerimise korral hoitakse seda ruumi selle jaoks. Nii et isegi kui liigutate elementi ülemise / vasaku CSS-iga, jääb see ruum, milles see mõeldud oli, puutumata.

Absoluutse positsioneerimise määramisel võetakse see sellest virnast välja ja kõik, mis allpool asub, liigub oma kohale. See on omaette kihil ega mõjuta lehte enam. Selle positsioneerimine põhineb lähimal vanemal, kellel on suhteline positsioneerimine.

On veel üks tüüp ja see on fikseeritud. See on nagu absoluutne positsioneerimine, välja arvatud juhul, kui ta kasutab viitena brauseriakent ja pole seetõttu isegi kerimisega seotud ning jääb paigale ka lehe kerimise korral.


Vastus 3:

See jaguneb sõltuvalt sellest, kas ta kasutab ära pakutud koha. Kui HTML on paigutatud, moodustab see omamoodi virna, nii et üks asi teise järel läheb lehest alla. Kui üks asi eemaldatakse, liigub kõik oma ruumi täitmiseks üles.

Suhtelise positsioneerimise korral hoitakse seda ruumi selle jaoks. Nii et isegi kui liigutate elementi ülemise / vasaku CSS-iga, jääb see ruum, milles see mõeldud oli, puutumata.

Absoluutse positsioneerimise määramisel võetakse see sellest virnast välja ja kõik, mis allpool asub, liigub oma kohale. See on omaette kihil ega mõjuta lehte enam. Selle positsioneerimine põhineb lähimal vanemal, kellel on suhteline positsioneerimine.

On veel üks tüüp ja see on fikseeritud. See on nagu absoluutne positsioneerimine, välja arvatud juhul, kui ta kasutab viitena brauseriakent ja pole seetõttu isegi kerimisega seotud ning jääb paigale ka lehe kerimise korral.