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