zero-height-nondirty-reflow-ref.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

 <head>

  <title>CSS Multi-column Layout Test: multi-column element with zero height</title>

  <!--

  Based on

  https://github.com/web-platform-tests/wpt/blob/1f346b050d87656a040fa4fdf9f99567164e2a2b/css/css-multicol/multicol-zero-height-001.xht

  by Opera Software ASA.

-->

  <style>

  html { overflow: hidden } /* suppress scrollbar reflows */

  div#multi-column

  height: 1px;

  width: 200px;

  display: inline-block;

  background: #0c0;

  </style>

 </head>

 <body style="height: 300px; width: 300px;">

  <p>Below should be a 1px tall and 200px wide green line:</p>

  <div style="display: inline">

   <div id="multi-column">

   </div>

  </div>

 </body>

</html>