third_party/WebKit/LayoutTests/css3/flexbox/stretch-table-child.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .container {
   6     display: flex;
   7     flex-direction: column;
   8     height: 100px;
   9     width: 50px;
  10 }
  11 .first {
  12     flex: 1 1 auto;
  13 }
  14 .test {
  15     flex: 0 0 auto;
  16     background-color: green;
  17     display: flex;
  18 }
  19 td {
  20     padding: 23px;
  21 }
  22 </style>
  23 </head>
  24 <script src="../../resources/check-layout.js"></script>
  25 <body onload="checkLayout('.test')">
  26 <div class="container">
  27     <div class="first">
  28     </div>
  29     <div class="test" data-expected-height=50>
  30         <table>
  31             <tr><td></td></tr>
  32         </table>
  33     </div>
  34 </div>
  35 </body>
  36 </html>