WeasySuite - 10.1 Definition of "containing block"

Chapter 10 - Visual formatting model details - 10.1 Definition of "containing block"

Go to the relevant page of the specification.

abspos-containing-block-001: Containing block for fixed positioning
abspos-containing-block-002: Containing block for absolute positioning
abspos-containing-block-003: Containing block for absolute positioning
abspos-containing-block-004: Containing block for absolute positioning
abspos-containing-block-005: Containing block for absolute positioning
abspos-containing-block-006: Containing block for absolute positioning
abspos-containing-block-007: Containing block for absolute positioning
abspos-containing-block-008: Containing block for absolute positioning
abspos-containing-block-009: Containing block for absolute positioning
abspos-containing-block-010: Absolute Positioning: Containing Block of Top Level Absolutely Positioned Block
abspos-containing-block-initial-001 (dom): Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004a: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004b: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004c: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004d: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004e: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004f: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-005a: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-005b: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-005c: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-005d: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-007: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-009a: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-009b: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-009e: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-009f: Test for containing block for absolutely positioned elements being initial containing block
If there is no such ancestor, the containing block is the initial containing block.
anonymous-boxes-001: Percent heights inside anonymous blocks
Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.
background-root-017 (interact): Height of root element
containing-block-001: Containing block for relative positioned elements is nearest block-level ancestor
If the element's position is 'relative', the containing block is formed by the content edge of the nearest block-level ancestor box.
containing-block-002: Containing block for relative positioned elements is nearest table cell ancestor
If the element's position is 'relative', the containing block is formed by the content edge of the nearest table cell ancestor box.
containing-block-003: Containing block for relative positioned elements is nearest inline-block ancestor
If the element's position is 'relative', the containing block is formed by the content edge of the nearest inline-block ancestor box.
containing-block-004: Containing block for static positioned elements is nearest block-level ancestor
If the element's position is 'static', the containing block is formed by the content edge of the nearest block-level ancestor box.
containing-block-005: Containing block for static positioned elements is nearest table cell ancestor
If the element's position is 'static', the containing block is formed by the content edge of the nearest table cell ancestor box.
containing-block-006: Containing block for static positioned elements is nearest inline-block ancestor
If the element's position is 'static', the containing block is formed by the content edge of the nearest inline-block ancestor box.
containing-block-007: Initial containing block for fixed positioned elements
The containing block is established by the viewport when an element uses fixed positioning.
containing-block-008: Containing block for absolute positioned elements is nearest positioned (absolute) ancestor
If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.
containing-block-009: Containing block for absolute positioned elements is nearest positioned (relative) ancestor
If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.
containing-block-010: Containing block for absolute positioned elements is nearest positioned (fixed) ancestor
If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.
containing-block-011: Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is relative
If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.
containing-block-013: Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is absolute
If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.
containing-block-015: Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is fixed
If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.
containing-block-017 (dom, interact): Containing Blocks - Block-level elements position based on left-to-right direction and parent element is relative
The containing block of an absolutely positioned block-level element is formed by the padding edge of its nearest (closest) positioned ancestor element.
containing-block-018 (dom, interact): Containing Blocks - Block-level elements position based on right-to-left direction and parent element is relative
The containing block of an absolutely positioned block-level element is formed by the padding edge of its nearest (closest) positioned ancestor element.
containing-block-019: Containing Blocks - Block-level elements position based on left-to-right direction and parent element is absolute
The containing block is formed by the padding edge for block-level elements.
containing-block-020: Containing Blocks - Block-level elements position based on right-to-left direction and parent element is absolute
The contining block is formed by the padding edge for block-level elements.
containing-block-021: Containing Blocks - Block-level elements position based on left-to-right direction and parent element is fixed
The containing block is formed by the padding edge for block-level elements.
containing-block-022: Containing Blocks - Block-level elements position based on right-to-left direction and parent element is fixed
The contining block is formed by the padding edge for block-level elements.
containing-block-023: Containing Blocks - Fall back to Initial containing block
When there are no positioned ancestors then the initial containing block is used.
containing-block-024 (paged): Containing block and absolutely positioned element in paged media
An absolutely positioned element ignores page breaks in paged media.
containing-block-025 (may, paged): Containing block and absolutely positioned element in paged media positioned off first page
An absolutely positioned element positioned beyond the boundaries of the page being laid out can be omitted, rendered on the current page or on a following page.
containing-block-031 (ahem): containing block - absolutely positioned elements inside inline-level relative elements
If the nearest positioned ancestor of an absolutely positioned element is inline-level and direction is 'ltr', then the top and left of the containing block are the top and left padding edges of the first box generated by the ancestor, and the bottom and right are the bottom and right padding edges of the last box of the ancestor
min-height-percentage-003: min-height - 100% of the initial containing block's height
The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'min-height: 100%;' of the document root element should use all of the document root element's height. A percentage for 'min-height' is calculated with respect to the height of the generated box's containing block.
page-break-inside-000 (paged): page-break-inside:auto
The 'auto' value of the 'page-break-inside' property neither forces nor forbids a page break inside the box.
page-container-008 (paged): Paged Media Canvas Background
For documents in the html namespace, a background on 'html' will cover the page area but not the margin area.
page-container-009 (paged): Paged Media Body Background
For documents in the html namespace, a background on 'body' will cover the page area.
root-canvas-001: Canvas: Embedded documents
table-percent-width-001: Testing percent widths of kids of anonymous table cells
Percentage width kids of anonymous cells should use anonymous cell as containing block