tor-browser

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

float-with-relpos-and-transform.html (548B)


      1 <!DOCTYPE html>
      2 <html>
      3 <link rel="help" href="https://drafts.csswg.org/css-overflow/#scrollable">
      4 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
      5 <style>
      6 .container {
      7  background: green;
      8  width: 100px;
      9  height: 100px;
     10  overflow: auto;
     11 }
     12 .float {
     13  float: left;
     14  position: relative;
     15  width: 50px;
     16  height: 50px;
     17  top: calc(50% - 100vh);
     18  transform: translateY(-50%) translateY(100vh);
     19 }
     20 </style>
     21 <p>Test passes if there is a filled green square.</p>
     22 <div class="container">
     23  <div class="float"></div>
     24 </div>