block-float-3a-dyn.html (631B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 #container { 6 width: 110px; 7 margin-right: auto; 8 } 9 #float1, #float2 { 10 width: 100px; 11 height: 20px; 12 background-color: green; 13 } 14 #float1 { 15 float: left; 16 margin-bottom: 20px; 17 } 18 #float2 { 19 margin-top: 10px; 20 } 21 </style> 22 <script type="text/javascript"> 23 function test() { 24 document.getElementById('float2').style.cssFloat = 'left'; 25 document.documentElement.removeAttribute('class'); 26 } 27 document.addEventListener('MozReftestInvalidate', test); 28 </script> 29 </head> 30 <body> 31 <div id="container"> 32 <div id="float1"></div> 33 <div id="float2"></div> 34 </div> 35 </body> 36 </html>