layout/reftests/margin-collapsing/block-non-sibling-3c-dyn.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4 <style type="text/css">
   5 #a {
   6  background-color: green;
   7  margin-bottom: 40px;
   8 }
   9 #a div {
  10  display: none;
  11  height: 20px;
  12  margin-bottom: 80px;
  13 }
  14 #b {
  15  background-color: green;
  16  margin-top: 10px;
  17 }
  18 #b div {
  19  display: none;
  20  height: 20px;
  21  margin-top: 20px;
  22 }
  23 </style>
  24 <script type="text/javascript">
  25 function test() {
  26  document.getElementsByTagName('div')[1].style.display = 'block';
  27  document.getElementsByTagName('div')[3].style.display = 'block';
  28  document.documentElement.removeAttribute('class');
  29 }
  30 document.addEventListener('MozReftestInvalidate', test);
  31 </script>
  32 </head>
  33 <body>
  34 <div id="a">
  35  <div></div>
  36 </div>
  37 <div id="b">
  38  <div></div>
  39 </div>
  40 </body>
  41 </html>