block-fix-height-last-child-4c-dyn.html (622B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style type="text/css"> 5 #parent { 6 min-height: 100px; 7 background-color: lightgreen; 8 } 9 #last-child { 10 height: 10px; 11 margin-bottom: 20px; 12 background-color: green; 13 } 14 #separator { 15 height: 20px; 16 background-color: blue; 17 } 18 </style> 19 <script type="text/javascript"> 20 function test() { 21 document.getElementById('parent').style.height = '50px'; 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>