tor-browser

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

flex-minimum-height-flex-items-027.html (871B)

      1 <!DOCTYPE html>
      2 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
      3 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
      4 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
      5 <meta name="assert" content="Nested flex item shrinks correctly when its parent has a % height that resolves to smaller than the item's flex-basis." />
      6 <p>Test passes if there is a filled green square.</p>
      7 
      8 <style>
      9 .OuterFlexbox {
     10  display: flex;
     11  flex-direction: column;
     12  height: 100px;
     13  width: 100px;
     14 }
     15 
     16 .InnerFlexbox {
     17  display: flex;
     18  flex-direction: column;
     19  height: 100%;
     20 }
     21 
     22 .InnerFlexbox-body {
     23  background: green;
     24  min-height: 0;
     25 }
     26 </style>
     27 
     28 <div class="OuterFlexbox">
     29  <div class="InnerFlexbox">
     30    <div class="InnerFlexbox-body">
     31      <div style="height: 200px;">
     32    </div>
     33  </div>
     34 </div>