Test your knowledge: Positioned Layout and Stacking

Review

1. A box uses position: relative and is shifted with an inset. What happens to its original layout space?

   Relative positioning offsets the box after its normal position is established, so its original space remains reserved.
2. What is the defining flow behavior of position: absolute?

   An absolutely positioned box does not participate in its parent formatting context in the normal-flow way.
3. An absolute badge should pin to a card. What should the card establish?

   A qualifying ancestor establishes the containing block against which the absolute descendant resolves its position.
4. Which property expresses an offset along the inline start side?

   inset-inline-start is the flow-relative positioning offset for the inline-start side.
5. Which description best matches fixed positioning?

   Fixed positioning is a form of absolute positioning using a fixed-positioning containing block.
6. A sticky element never reaches its sticky position. What should you inspect first?

   Sticky positioning needs an applicable inset threshold and a scroll situation in which adjustment can occur.
7. Why can z-index: 999 on a child still appear below another section?

   A child is ordered within its stacking context; its numeric value does not promote the entire ancestor context.
8. A positioned badge is cut off by its parent. Which mechanism owns the clipping behavior?

   Positioning determines placement; Overflow determines clipping and scrollable overflow.
9. Which statement is correct?

   Positioning is a coordinate-based mechanism. Flexbox and Grid retain ownership of their layout algorithms.
10. What should you inspect before increasing z-index when a badge is misplaced?

    z-index affects painting order, not the coordinate reference. First verify the containing block and offsets.