Absolutní pozice
Prvek s position: absolute (absolutní) je vyjmutý z normálního toku: ostatní prvky se chovají, jako by na stránce vůbec nebyl, a zaplní místo, které po něm zůstalo.
Jinak u něj fungují i posuny. Neměří se od původního místa prvku, ale od krajů jeho nejbližšího předka (tedy rodiče, rodiče rodiče a tak dále), jehož position je jiná než static. Pokud takový předek neexistuje, měří se od krajů stránky (přesněji od její první obrazovky, jak uvidíte později v této lekci). Například:
.poznamka {
position: absolute;
top: 0;
right: 0;
}Pokud žádný z předků prvku se třídou poznamka nemá jinou pozici než static, bude tento prvek v pravém horním rohu stránky.
Jak psát:
"
{
}
#
Pokyny
V pravidle pro #ctverec2 změňte position z relative na absolute. Třetí čtverec se přesune na místo červeného, protože pro ostatní prvky už červený čtverec neexistuje. Posuny červeného čtverce se teď měří od levého horního rohu stránky, ne od jeho původního místa, a tak čtverec zakrývá většinu prvního čtverce.
Přesuňte červený čtverec do pravého horního rohu stránky: smažte deklaraci left: 30px, změňte top na 0 a přidejte right: 0.
Začněte programovat zdarma
6/10