tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

flexbox-overflow-vert-001-ref.html (1175B)

      1 <!DOCTYPE html>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html>
      7 <head>
      8 <title>CSS Reftest Reference</title>
      9 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
     10  <style>
     11    .flexContainer {
     12      background: purple;
     13      width: 70px;
     14      height: 70px;
     15      margin-bottom: 5px;
     16    }
     17    .bigItem {
     18      width: 200px;
     19      background: blue;
     20      height: 75%;
     21    }
     22    .smallItem {
     23      background: teal;
     24      margin-right: 10px;
     25      height: 25%;
     26    }
     27    .scroll { overflow: scroll }
     28    .auto   { overflow: auto   }
     29    .hidden { overflow: hidden }
     30  </style>
     31 </head>
     32 <body>
     33  <div class="flexContainer"><!-- (overflow un-set) -->
     34    <div class="bigItem"></div>
     35    <div class="smallItem"></div>
     36  </div>
     37  <div class="flexContainer hidden">
     38    <div class="bigItem"></div>
     39    <div class="smallItem"></div>
     40  </div>
     41  <div class="flexContainer scroll">
     42    <div class="bigItem"></div>
     43    <div class="smallItem"></div>
     44  </div>
     45  <div class="flexContainer auto">
     46    <div class="bigItem"></div>
     47    <div class="smallItem"></div>
     48  </div>
     49 </body>
     50 </html>