third_party/WebKit/LayoutTests/css3/flexbox/flex-align-percent-height.html

   1 <!DOCTYPE html>
   2 <html>
   3 <link href="resources/flexbox.css" rel="stylesheet">
   4 <style>
   5 body {
   6     margin: 0;
   7 }
   8
   9 body, html {
  10     height: 600px;
  11 }
  12
  13 .flexbox {
  14     width: 600px;
  15     background-color: #aaa;
  16     position: relative;
  17 }
  18
  19 .flexbox div {
  20     border: 0;
  21 }
  22
  23 .flexbox :nth-child(1) {
  24     background-color: blue;
  25 }
  26 .flexbox :nth-child(2) {
  27     background-color: green;
  28 }
  29
  30 </style>
  31 <script src="../../resources/check-layout.js"></script>
  32 <body onload="checkLayout('.flexbox')">
  33
  34 <div class="flexbox" style="height: 50%;">
  35   <div data-expected-height="50"  data-offset-y="0" class="flex-one" style="height: 50px;"></div>
  36   <div data-expected-height="300" data-offset-y="0" class="flex-one"></div>
  37 </div>
  38
  39 </body>
  40 </html>