third_party/WebKit/LayoutTests/css3/flexbox/box-sizing-min-max-sizes.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 .flexbox {
   5     background-color: teal;
   6 }
   7 .flexbox > div {
   8     box-sizing: border-box;
   9 }
  10 </style>
  11 <script src="../../resources/check-layout.js"></script>
  12 <body onload="checkLayout('.flexbox')">
  13
  14 <div class="flexbox">
  15     <div style="border: 5px solid orange; padding: 5px; max-width: 30px; width: 40px;" data-expected-width=30></div>
  16     <div style="border: 5px solid orange; padding: 5px; min-width: 30px; width: 10px;" data-expected-width=30></div>
  17 </div>
  18
  19 <div class="flexbox column">
  20     <div style="border: 5px solid orange; padding: 5px; max-height: 30px; height: 40px;" data-expected-height=30></div>
  21     <div style="border: 5px solid orange; padding: 5px; min-height: 30px; height: 10px;" data-expected-height=30></div>
  22 </div>
  23
  24 </body>
  25 </html>