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