Containing Block for Inline Static-Positioned Elements

The containing block for elements with position: static (the default positioning) is established by:

Nearest Block-Level Ancestor
The closest parent element with a display value of block, list-item, or table

Initial Containing Block
If no such ancestor exists, the viewport itself serves as the containing block

Key Characteristics
Content-Based Sizing
Percentage widths/heights are calculated relative to this containing block's dimensions

Flow Layout Dependence
Static elements participate in normal document flow and respect their containing block's boundaries

No Positioning Offset
Unlike positioned elements, static elements cannot use top/right/bottom/left properties to offset from their containing block

Видео Containing Block for Inline Static-Positioned Elements канала ZBU