2 The multi-column model

Chapter 2 - The multi-column model - 2 The multi-column model

Go to the relevant page of the specification.

multicol-collapsing-001 (ahem)
no margin collapsing with its first child block box
This test checks that the top margin of the first child block box of a multicol element does not collapse with the margin top of such multicol element.
multicol-containing-001 (ahem)
a column box can not act as containing block for elements with 'position: absolute'
This test checks that a column box does not establish containing block for elements with 'position: absolute'.
multicol-containing-002 (ahem)
a multi-column can act as containing block for elements with 'position: absolute'
This test checks that a multi-column element can establish containing block for elements with 'position: absolute'.
multicol-height-002
Percentage Computed Height on Multicol Child (Definite Multicol Height)
Percentage heights with a multi-column element are relative to the computed height of the multicolumn box, and this works even when the multi-column element is paginated.
multicol-height-block-child-001 (ahem)
multi-column element with child block (complex)
This test checks that a nested multi-column element's inline content could be clipped horizontally.
multicol-margin-child-001 (ahem)
multi-column and margin collapsing of block children (basic)
This test checks that the margin-bottom of a block child in a multi-column element will collapse with the margin-top of a following block child of that same multi-colum element if those children are vertically adjacent and if no line boxes, no clearance, no padding and no border separate them.
multicol-nested-002 (ahem)
multicolumn and margin-bottom collapsing
This test checks that a block container element's margin-bottom can collapse with its multi-column parent's margin-bottom if no line boxes, no clearance, no padding and no border separate them.
multicol-nested-margin-002 (ahem)
nested multicolumns and vertical margin (complex)
This test checks that when an inner nested multi-column element is preceded by a soft column break (caused by an unforced column-break), then the used margin-top of such inner nested multi-column element is '0'.
multicol-nested-margin-003 (ahem)
nested multicolumn and nested margin-top
This test checks that a top margin set on the first child element of a nested multicol element will not collapse with the margins of the multicol element.
multicol-nested-margin-004 (ahem)
nested multicolumn and nested margin-top
This test checks that due to a top margin only set on the first child element of a nested multicol element that will not collapse with the margins of the multicol element, then the height of an multi-column element can make its other inner multi-column (with a zero margin-top) element break into its own column boxes.
multicol-nested-margin-005 (ahem)
nested multicolumn and nested margin-top
This test checks that due to a top margin only set on the first child element of a nested multicol element that will not collapse with the margins of the multicol element, then the height of an multi-column element can make its other inner multi-column (with a zero margin-top) element break into its own column boxes.
multicol-table-cell-vertical-align-001 (ahem)
multicolumn | table-cell, vertical-align