Containing block

Når vi spesifiserer posisjonering og dimensjoner på et “boks-element”, går vi dette opp mot “containing block”.
“Containing block” for root elementet, kalles “initial containing block”, og har samme dimensjoner som viewbort (skjermen eller ark ved utskrift).
“Containing block” for et hvilket som helst annet boks element, bestemmes av verdien gitt i position property til elementet.

Position property static (default) eller relative:
Containing block” elementet formes av rammene til det nærmeste elementet (“the content box”) (=”stamfar”)  “display” property er satt til en av følgende:

• block
• inline-block
• list-item
• run-in (only in a block formatting context; see Formatting Concepts)
• table
• table-cell

Position property absolute
Dersom position er definert som “absolute”, er “containing blcok” sin nærmeste “stamfar”. Den nærmeste “stamfar” med position property definert med en av verdiene absolute, fixed eller relative gir altså føringer for det gjeldende elementet. Det gjeldende elementet “Containing block”, formes av kanter (padding etc) på sin “stamfar”.

Position property fixed
Dersom verdien til “position” er satt til fixed, vil “the containing block” være viewport (continious media) eller page box (for paged media).

~ av rodsethol den mai 15, 2009.