tor-browser

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

clip-002-ref.html (938B)


      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>Reference: overflow: clip can be combined with overflow: visible</title>
      4 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1531609">
      5 <style>
      6  .outer {
      7    width: 50px;
      8    height: 50px;
      9    margin-left: 100px;
     10    margin-top: 100px;
     11    background: black;
     12  }
     13 
     14  .inner {
     15    position: relative;
     16    background: blue;
     17    height: 100px;
     18    width: 100px;
     19    opacity: 0.5;
     20  }
     21 </style>
     22 <!-- there should be no overflow -->
     23 <div class="outer">
     24  <div class="inner" style="width:50px; height:50px;"></div>
     25 </div>
     26 
     27 <!-- there should be overflow in the vertical dimension, but not horizontally -->
     28 <div class="outer">
     29  <div class="inner" style="top:-20px; width:50px"></div>
     30 </div>
     31 
     32 <!-- there should be overflow in the horizontal dimension, but not vertically -->
     33 <div class="outer">
     34  <div class="inner" style="left:-40px; height:50px"></div>
     35 </div>