third_party/WebKit/LayoutTests/css3/flexbox/flexitem-percent-height-change.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link rel="stylesheet" href="resources/flexbox.css">
   5 <script src="../../resources/check-layout.js"></script>
   6 <script>
   7 window.onload = function()
   8 {
   9     var outer = document.getElementById("outer");
  10     outer.style.height = "300px";
  11     outer.offsetLeft;
  12     outer.style.height = "100px";
  13     checkLayout('#outer');
  14 };
  15 </script>
  16 </head>
  17 <body>
  18 <div id="outer" data-expected-height="100">
  19   <div class="flexbox" data-expected-height="100" style="height: 100%">
  20     <div class="flex-one" data-expected-height="100" style="overflow-y: auto; height: 100%">
  21         <div data-expected-height="100" style="height: 100%">
  22           <div data-expected-height="100" style="width: 100px; height: 100px; background-color: green"></div>
  23         </div>
  24     </div>
  25   </div>
  26 </div>
  27 </body>
  28 </html>