CSS Multi-column Layout Module Level 1 CR Test Suite

The multi-column model (12 tests)

Test Refs Flags Info
+ 2 The multi-column model
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