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