src/third_party/WebKit/LayoutTests/css3/flexbox/column-flex-child-with-overflow-scroll.html

   1 <!DOCTYPE html>
   2 <html>
   3 <link href="resources/flexbox.css" rel="stylesheet">
   4 <style>
   5 div {
   6     box-sizing: border-box;
   7 }
   8
   9 .scroll {
  10     overflow: scroll;
  11 }
  12
  13 .box {
  14     width: 100px;
  15     height: 75px;
  16     padding: 5px;
  17     border: 2px solid red;
  18 }
  19 </style>
  20 <script src="../../resources/check-layout.js"></script>
  21 <body onload="checkLayout('.flexbox')">
  22 <div class="flexbox column">
  23   <div class="box" data-expected-width="100" data-expected-height="75"></div>
  24   <div class="box scroll" id="box2" data-expected-width="100" data-expected-height="75"></div>
  25 </div>
  26
  27 <div class="flexbox column-reverse">
  28   <div class="box" data-expected-width="100" data-expected-height="75"></div>
  29   <div class="box scroll" id="box4" data-expected-width="100" data-expected-height="75"></div>
  30 </div>
  31 </body>
  32 </html>