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