src/third_party/WebKit/LayoutTests/css3/flexbox/flex-one-sets-flex-basis-to-zero-px.html

   1 <!DOCTYPE html>
   2 <html>
   3 <link href="resources/flexbox.css" rel="stylesheet">
   4 <style>
   5 .flexbox > div {
   6     font-family: Ahem;
   7     font-size: 14px;
   8 }
   9
  10 .flex-one-one-zero-percent {
  11     flex: 1 1 0%;
  12 }
  13
  14 .flex-one-one-zero-px {
  15     flex: 1 1 0px;
  16 }
  17
  18 .vertical {
  19     -webkit-writing-mode: vertical-rl;
  20 }
  21 </style>
  22 <script src="../../resources/check-layout.js"></script>
  23 <body onload="checkLayout('.flexbox');">
  24 <div class="flexbox column">
  25   <div class="flex-one" data-expected-height="14">Flex item with flex: 1</div>
  26 </div>
  27
  28 <div class="flexbox column">
  29   <div class="flex-one-one-zero-percent" data-expected-height="14">Flex item with flex: 1 1 0%</div>
  30 </div>
  31
  32 <div class="flexbox column">
  33   <div class="flex-one-one-zero-px" data-expected-height="0">Flex item with flex: 1 1 0px</div>
  34 </div>
  35
  36 <div class="flexbox column vertical">
  37   <div class="flex-one" data-expected-width="14">Flex item with flex: 1</div>
  38 </div>
  39
  40 <div class="flexbox column vertical">
  41   <div class="flex-one-one-zero-percent" data-expected-width="14">Flex item with flex: 1 1 0%</div>
  42 </div>
  43
  44 <div class="flexbox column vertical">
  45   <div class="flex-one-one-zero-px" data-expected-width="0">Flex item with flex: 1 1 0px</div>
  46 </div>
  47 </body>
  48 </html>