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