block-min-height-last-child-1c-dyn.html 673 B

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html class="reftest-wait">
  3. <head>
  4. <style type="text/css">
  5. #parent {
  6. min-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, false);
  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>