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