multicol-zero-height-002.html (1042B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Multi-column Test: Test an unbreakble block element in a zero height multi-column container</title> 4 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 5 <link rel="author" title="Mozilla" href="https://www.mozilla.org/"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1754598"> 7 <link rel="stylesheet" href="/fonts/ahem.css"> 8 <link rel="match" href="multicol-zero-height-002-ref.html"> 9 <meta name="assert" content="This test verifies that the unbreakable block element with definite block-size doesn't ask for an extra continuation in the second column."> 10 11 <style> 12 .multicol { 13 column-width: 100px; 14 inline-size: 300px; 15 block-size: 0; 16 } 17 18 .child { 19 font: 100px/1 Ahem; 20 color: green; 21 inline-size: 100px; 22 block-size: 100px; /* The define block-size is required to reproduce the bug.*/ 23 outline: 3px solid green; 24 } 25 </style> 26 27 <p>There shouldn't be a green strip in the second column.</p> 28 <div class="multicol"> 29 <div class="child">X</div> 30 </div>