block-percent-2-dyn.html (648B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 #parent1 { 6 width: 200px; 7 } 8 #block1 { 9 height: 50px; 10 margin-bottom: 20%; 11 background-color: green; 12 } 13 #parent2 { 14 width: 200px; 15 } 16 #block2 { 17 height: 50px; 18 margin-top: 10%; 19 background-color: green; 20 } 21 </style> 22 <script type="text/javascript"> 23 function test() { 24 document.getElementById('parent2').style.width = '500px'; 25 document.documentElement.removeAttribute('class'); 26 } 27 document.addEventListener('MozReftestInvalidate', test); 28 </script> 29 </head> 30 <body> 31 <div id="parent1"> 32 <div id="block1"></div> 33 </div> 34 <div id="parent2"> 35 <div id="block2"></div> 36 </div> 37 </body> 38 </html>