third_party/WebKit/LayoutTests/fast/deprecated-flexbox/001.html

   1 <html>
   2 <head>
   3 <style>
   4 div {
   5   display: -moz-box;
   6   display: -webkit-box;
   7   display: box;
   8   width: 100px;
   9   height: 100px;
  10 }
  11
  12 div.outer {
  13   position: absolute;
  14   left:10px;
  15   background-color:red;
  16 }
  17
  18 div.inner {
  19   background-color:green;
  20   -moz-box-flex: 1;
  21   -webkit-box-flex: 1;
  22   box-flex: 1;
  23   width:10px;
  24   height:100px;
  25   display: block;
  26 }
  27 </style>
  28 </head>
  29 <body>
  30 <p>You should see a single 100x100 green square below. If you see any red, then
  31 the test has failed.</p>
  32 <div class="outer">
  33 <div class="inner"></div>
  34 </div>
  35 </body>
  36
  37