column-sibling-2a-dyn.html (686B)
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: 10px; 12 } 13 #multi-column2 { 14 display: none; 15 margin: 20px 0; 16 } 17 #multi-column3 { 18 margin-top: 10px; 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>