third_party/WebKit/LayoutTests/css3/flexbox/flex-item-child-overflow.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 body {
   5     margin: 0;
   6 }
   7 .flexbox {
   8     display: flex;
   9     position: relative;
  10     flex-flow: column;
  11 }
  12 .flexbox > div {
  13     height: 0;
  14 }
  15 .flexbox > div > div {
  16     width: 20px;
  17     height: 20px;
  18     line-height: 0px;
  19     background-color: blue;
  20 }
  21 </style>
  22 <script src="../../resources/check-layout.js"></script>
  23 <body onload="checkLayout('.flexbox')">
  24
  25 <div data-expected-height=0 data-offset-x=0 data-offset-y=0 class="flexbox">
  26     <div data-expected-height=0 data-offset-x=0 data-offset-y=0>
  27         <div data-expected-height=20 data-offset-x=0 data-offset-y=0></div>
  28     </div>
  29 </div>
  30
  31 </body>
  32 </html>