A HTML / CSS, quina diferència hi ha entre el posicionament absolut i el posicionament relatiu?


Resposta 1:

Relatiu:

Un element amb posició: relatiu; està posicionat en relació amb la seva posició normal.

La definició de les propietats superior, dreta, inferior i esquerra d'un element relativament posicionat farà que es pugui ajustar lluny de la seva posició normal. Un altre contingut no s’ajustarà per incloure cap buit deixat per l’element.

per obtenir més informació sobre el disseny CSS: la propietat de posició

Absolut:

Un element amb posició: absoluta; està posicionat en relació amb l’avantpassat posicionat més proper (en comptes del posicionat en relació amb la finestra de vista, com fixat).

Malgrat això; si un element posicionat absolut no té antepasats posicionats, utilitza el cos del document i es desplaça juntament amb el desplaçament de la pàgina.

Nota: un element "posicionat" és aquell que té una posició excepte estàtica.

per obtenir més informació sobre el disseny CSS: la propietat de posició

Font: w3schools


Resposta 2:

Es desglossa si utilitza o no el lloc que se li va proporcionar. Quan es disposa el codi HTML, es forma una mena de pila, de manera que una cosa rere una altra passa a la pàgina. Si s’elimina una cosa, tot s’avança fins omplir el seu espai.

Amb un posicionament relatiu, es manté l’espai per a això. De manera que, fins i tot si moveu l’element amb CSS superior / esquerre, l’espai en què es volia estar, es deixa de tocar.

Tanmateix, quan assigneu un posicionament absolut, es treuen d'aquesta pila i tot el que hi ha a sota es mou per ocupar-lo. Es troba a la seva pròpia capa i ja no afecta la pàgina. Es posiciona en funció del progenitor més proper que tingui un posicionament relatiu.

Hi ha un tipus més, i això és solucionat. Això és com una posició absoluta, tret que utilitza la finestra del navegador com a referència i, per tant, ni tan sols està connectat al desplaçament i romandrà al seu lloc, fins i tot si la pàgina es desplaça.


Resposta 3:

Es desglossa si utilitza o no el lloc que se li va proporcionar. Quan es disposa el codi HTML, es forma una mena de pila, de manera que una cosa rere una altra passa a la pàgina. Si s’elimina una cosa, tot s’avança fins omplir el seu espai.

Amb un posicionament relatiu, es manté l’espai per a això. De manera que, fins i tot si moveu l’element amb CSS superior / esquerre, l’espai en què es volia estar, es deixa de tocar.

Tanmateix, quan assigneu un posicionament absolut, es treuen d'aquesta pila i tot el que hi ha a sota es mou per ocupar-lo. Es troba a la seva pròpia capa i ja no afecta la pàgina. Es posiciona en funció del progenitor més proper que tingui un posicionament relatiu.

Hi ha un tipus més, i això és solucionat. Això és com una posició absoluta, tret que utilitza la finestra del navegador com a referència i, per tant, ni tan sols està connectat al desplaçament i romandrà al seu lloc, fins i tot si la pàgina es desplaça.