zero-height-nondirty-reflow-ref.html (701B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Multi-column Layout Test: multi-column element with zero height</title> 5 <!-- 6 Based on 7 https://github.com/web-platform-tests/wpt/blob/1f346b050d87656a040fa4fdf9f99567164e2a2b/css/css-multicol/multicol-zero-height-001.xht 8 by Opera Software ASA. 9 --> 10 <style> 11 12 html { overflow: hidden } /* suppress scrollbar reflows */ 13 14 div#multi-column 15 { 16 height: 1px; 17 width: 200px; 18 display: inline-block; 19 background: #0c0; 20 } 21 </style> 22 </head> 23 <body style="height: 300px; width: 300px;"> 24 <p>Below should be a 1px tall and 200px wide green line:</p> 25 <div style="display: inline"> 26 <div id="multi-column"> 27 </div> 28 </div> 29 </body> 30 </html>