third_party/WebKit/LayoutTests/fast/deprecated-flexbox/flex-hang.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   2
   3 <html lang="en">
   4 <head>
   5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   6     <title>untitled</title>
   7
   8     <style type="text/css" media="screen">
   9     body
  10     {
  11         margin: 0;
  12         overflow: hidden;
  13     }
  14     div
  15     {
  16         display: -webkit-box;
  17         border: 1px solid black;
  18     }
  19
  20     #container
  21     {
  22         height: 100%;
  23         width: 100%;
  24         -webkit-box-orient: vertical;
  25     }
  26     #top-row
  27     {
  28         -webkit-box-flex: 0.65;
  29         -webkit-box-orient: horizontal;
  30     }
  31
  32     #bottom-row
  33     {
  34         -webkit-box-flex: 0.35;
  35     }
  36
  37     .top
  38     {
  39     }
  40
  41     .bottom
  42     {
  43     }
  44     .left
  45     {
  46         width: 65%;
  47     }
  48
  49     .right
  50     {
  51         width: 35%;
  52     }
  53
  54     .left img
  55     {
  56         display: -webkit-box;
  57     }
  58     </style>
  59
  60
  61 </head>
  62 <body>
  63
  64 <div id="container">
  65
  66 <div id="top-row">
  67     <div class="top left">
  68
  69     </div>
  70     <div class="top right">
  71
  72     </div>
  73 </div>
  74
  75 <div id="bottom-row">
  76     <div class="bottom left">
  77
  78     </div>
  79     <div class="bottom right">
  80
  81     </div>
  82 </div>
  83
  84 </div>
  85
  86 </body>
  87 </html>