layout/reftests/margin-collapsing/column-sibling-2c-dyn.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4 <style type="text/css">
   5 #multi-column1, #multi-column2, #multi-column3 {
   6  column-count: 1;
   7  height: 20px;
   8  background-color: blue;
   9 }
  10 #multi-column1 {
  11  margin-bottom: 20px;
  12 }
  13 #multi-column2 {
  14  display: none;
  15  margin: 20px 0;
  16 }
  17 #multi-column3 {
  18  margin-top: 20px;
  19 }
  20 </style>
  21 <script type="text/javascript">
  22 function test() {
  23  document.getElementById('multi-column2').style.display = 'block';
  24  document.documentElement.removeAttribute('class');
  25 }
  26 document.addEventListener('MozReftestInvalidate', test);
  27 </script>
  28 </head>
  29 <body>
  30 <div id="multi-column1"></div>
  31 <div id="multi-column2"></div>
  32 <div id="multi-column3"></div>
  33 </body>
  34 </html>