Masz element .dziecko z position: absolute; umieszczony wewnątrz elementu .rodzic. Która z poniższych deklaracji CSS, zastosowana na .rodzic, nieoczekiwanie również uczyni go blokiem pozycjonującym (containing block) dla .dziecko, podobnie jak position: relative;?

Poprawna odpowiedź: D (transform: scale(1);)

Wskazana opcja transform: scale(1); jest poprawna. Dokładnie odpowiada zasadom i mechanizmom określonym w specyfikacji języka i technologii bazodanowych dla tego zagadnienia.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: display: flex; – Flexbox organizuje swoje bezpośrednie dzieci w przepływie dokumentu. Nie tworzy on jednak nowego bloku pozycjonującego dla potomków z position: absolute. Będą oni nadal pozycjonowani względem najbliższego przodka z ustawionym position, transform itp.
• B: overflow: hidden; – Ta właściwość jedynie ukrywa (przycinia) treść, która wykracza poza granice elementu. Nie wpływa ona na kontekst pozycjonowania. Dziecko z position: absolute nadal będzie pozycjonowane względem innego przodka i może zostać „przycięte”, ale jego punkt odniesienia top: 0; left: 0; się nie zmieni.
• C: z-index: 100; – Właściwość z-index działa tylko na elementach, które mają już ustawioną pozycję (np. relative, absolute, fixed, sticky). Dodanie samego z-index do elementu z domyślnym position: static nie ma żadnego efektu i nie tworzy nowego kontekstu pozycjonowania.