tor-browser

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

grid-abspos-items-011-ref.html (2365B)


      1 <!DOCTYPE HTML>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html><head>
      7  <meta charset="utf-8">
      8  <title>CSS Grid Test: abs pos areas in empty grid</title>
      9  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1215099">
     10  <style type="text/css">
     11 
     12 div {
     13  display: block;
     14  position: relative;
     15  float: left;
     16  width: 20px;
     17  height: 20px;
     18  background: red;
     19 }
     20 x div {
     21  padding: 4px;
     22  background: white;
     23 }
     24 
     25 span {
     26  position: absolute;
     27  top:0;left:0;bottom:0;right:0;
     28  background: lime;
     29 }
     30 
     31 </style>
     32 </head>
     33 <body>
     34 
     35 There should be no red areas.
     36 <br clear="all">
     37 
     38 <div><span class="cs"></span></div>
     39 <div><span class="ce"></span></div>
     40 <div><span class="rs"></span></div>
     41 <div><span class="re"></span></div>
     42 
     43 <div><span class="cs ce"></span></div>
     44 <div><span class="cs rs"></span></div>
     45 <div><span class="cs re"></span></div>
     46 <div><span class="ce rs"></span></div>
     47 <div><span class="ce re"></span></div>
     48 <div><span class="rs re"></span></div>
     49 
     50 <div><span class="cs ce rs"></span></div>
     51 <div><span class="cs ce re"></span></div>
     52 <div><span class="rs re cs"></span></div>
     53 <div><span class="rs re ce"></span></div>
     54 
     55 <div><span class="cs ce rs re"></span></div>
     56 
     57 <br clear="all">
     58 <br clear="all">
     59 
     60 <x>
     61 <div><span class="cs" style="left:4px"></span></div>
     62 <div><span class="ce" style="right:auto;width:4px"></span></div>
     63 <div><span class="rs" style="top:4px"></span></div>
     64 <div><span class="re" style="bottom:auto;height:4px"></span></div>
     65 
     66 <div><span class="cs ce" style="left:4px;"></span></div>
     67 <div><span class="cs rs" style="left:4px;top:4px"></span></div>
     68 <div><span class="cs re" style="left:4px;bottom:auto;height:4px"></span></div>
     69 <div><span class="ce rs" style="right:auto;width:4px;top:4px"></span></div>
     70 <div><span class="ce re" style="right:auto;width:4px;bottom:auto;height:4px"></span></div>
     71 <div><span class="rs re" style="top:4px"></span></div>
     72 
     73 <div><span class="cs ce rs" style="left:4px;top:4px"></span></div>
     74 <div><span class="cs ce re" style="left:4px;bottom:auto;height:4px"></span></div>
     75 <div><span class="rs re cs" style="left:4px;top:4px"></span></div>
     76 <div><span class="rs re ce" style="top:4px;right:auto;width:4px"></span></div>
     77 
     78 <div><span class="cs ce rs re" style="left:4px;top:4px"></span></div>
     79 </x>
     80 
     81 </body>
     82 </html>