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