third_party/WebKit/LayoutTests/css3/flexbox/stretch-simplified-layout.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link href="resources/flexbox.css" rel="stylesheet">
   5 <script src="../../resources/check-layout.js"></script>
   6 <script>
   7 window.onload = function() {
   8     document.body.offsetHeight;
   9
  10     document.getElementById('to-hide').style.display = "none";
  11     checkLayout(".flexbox");
  12 };
  13 </script>
  14 </head>
  15 <body>
  16 <div class="flexbox" style="height: 100px;" data-expected-height="100">
  17     <div style="width: 100%; overflow: auto; padding-bottom: 100px; background-color: red;" data-expected-height="100">
  18         <div style="position: relative; height: 100px; background-color: green;" data-expected-height="100">
  19             <div id="to-hide" style="position: absolute;" data-expected-height="0"></div>
  20         </div>
  21     </div>
  22 </div>
  23 </body>
  24 </html>