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