block-horizontal-4-dyn.html (670B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 #float-blue { 6 float: right; 7 margin-left: 20px; 8 background-color: blue; 9 height: 100px; 10 } 11 .dyn { 12 display: none; 13 } 14 .float-green { 15 float: right; 16 margin: 0 20px; 17 background-color: green; 18 width: 40px; 19 height: 100px; 20 } 21 </style> 22 <script type="text/javascript"> 23 function test() { 24 document.getElementsByClassName('dyn')[0].style.display = 'block'; 25 document.documentElement.removeAttribute('class'); 26 } 27 document.addEventListener('MozReftestInvalidate', test); 28 </script> 29 </head> 30 <body> 31 <div id="float-blue"><div class="float-green dyn"></div></div><div class="float-green"></div> 32 </body> 33 </html>