Jaký je v HTML / CSS rozdíl mezi absolutním polohováním a relativním polohováním?


Odpověď 1:

Relativní:

Prvek s pozicí: relativní; je umístěn relativně ke své normální poloze.

Nastavení horních, pravých, dolních a levých vlastností relativně umístěného prvku způsobí, že bude upraven mimo svou normální polohu. Jiný obsah nebude upraven tak, aby se vešel do jakékoli mezery, kterou prvek zanechal.

více se dozvíte na CSS Layout - The Position Property

Absolutní:

Prvek s pozicí: absolutní; je umístěna relativně k nejbližšímu předku (namísto polohy vzhledem k výřezu, jako pevná).

Nicméně; Pokud absolutně umístěný prvek nemá žádné umístěné předky, použije tělo dokumentu a pohybuje se spolu s posouváním stránky.

Poznámka: „Umístěný“ prvek je ten, jehož poloha je jiná než statická.

více se dozvíte na CSS Layout - The Position Property

Zdroj: w3schools


Odpověď 2:

Rozděluje se na to, zda spotřebuje místo, které mu bylo poskytnuto. Když je HTML rozloženo, vytvoří se jako druh zásobníku, takže jedna věc za druhou jde dolů na stránku. Pokud je jedna věc odstraněna, vše se posune nahoru, aby zaplnilo svůj prostor.

S relativním umístěním je tento prostor držen za to. Takže i když přesunete prvek s CSS nahoře / vlevo, prostor, ve kterém měl být, je nedotčen.

Když však přiřadíte absolutní umístění, bude vyřazeno z tohoto zásobníku a vše pod ním se přesune na své místo. Je na své vlastní samostatné vrstvě a již na stránku nemá vliv. Je umístěn na základě nejbližšího rodiče, který má relativní polohu.

Existuje ještě jeden typ, a to je pevné. Je to jako absolutní umísťování, s výjimkou toho, že jako odkaz používá okno prohlížeče, a proto není ani připojeno k posouvání a zůstane na místě, i když se stránka posouvá.


Odpověď 3:

Rozděluje se na to, zda spotřebuje místo, které mu bylo poskytnuto. Když je HTML rozloženo, vytvoří se jako druh zásobníku, takže jedna věc za druhou jde dolů na stránku. Pokud je jedna věc odstraněna, vše se posune nahoru, aby zaplnilo svůj prostor.

S relativním umístěním je tento prostor držen za to. Takže i když přesunete prvek s CSS nahoře / vlevo, prostor, ve kterém měl být, je nedotčen.

Když však přiřadíte absolutní umístění, bude vyřazeno z tohoto zásobníku a vše pod ním se přesune na své místo. Je na své vlastní samostatné vrstvě a již na stránku nemá vliv. Je umístěn na základě nejbližšího rodiče, který má relativní polohu.

Existuje ještě jeden typ, a to je pevné. Je to jako absolutní umísťování, s výjimkou toho, že jako odkaz používá okno prohlížeče, a proto není ani připojeno k posouvání a zůstane na místě, i když se stránka posouvá.