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