block-auto-height-last-child-7-dyn.html (610B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <html> 4 <head> 5 <style type="text/css"> 6 #last-child { 7 height: 20px; 8 margin-bottom: 0px; 9 background-color: blue; 10 } 11 #separator { 12 height: 20px; 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.marginBottom = '-30px'; 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>