Absolutní umístění

Absolutně umístěný prvek je zcela vyjmut z normálního toku a umístěn na pozici definovanou pomocí vlastností top, right, bottom a left. Ostatní prvky se chovají, jako kdyby na stránce vůbec nebyl – podívejte se na příklad.

To, že zbývající části stránky neberou na prvky s neobvyklým umístěním ohled, lze využít k různým zajímavým věcem. Pokud se však vymknou kontrole, snadno mohou způsobit nečitelnost části stránky – asi takhle.

Určení polohy

Poloha absolutně umístěného bloku se určuje vůči umístěnému obsahujícímu bloku. To znamená vůči nejbližšímu nadřazenému prvku, jehož vlastnost position má hodnotu jinou než static. Pokud žádný takový není, vztahuje se poloha vůči okrajům klientova okna či stránky – viz příklad.

Existuje jednoduchý způsob, jak prvek ponechat na jeho původním místě a zároven zajistit, že poloha jeho absolutně umístěných potomků se bude určovat vůči němu: přiřadíte prvku relativní umístění, ale necháte být vlastnosti top, right, bottom a left. Podle pravidel relativního umístění se prvek zformátuje tak, jak by se formátoval v normálním toku, a poté se posune. Jelikož je ale posunutí nulové, zůstane na svém místě. Čili vypadá úplně stejně jako v normálním toku, přesto však v normálním toku není. Tento malý trik najde uplatnění v leckterých situací, jako jsou například neobvyklé nadpisy.

Jestliže v některém směru polohu neurčíte (například prvku předepíšete hodnotu left, ne však top ani bottom), ponechá si svou původní – viz příklad jiných neobvyklých nadpisů.