third_party/WebKit/LayoutTests/fast/block/positioning/percent-top-left-on-relative-position.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4     margin: 0;
   5 }
   6 .container {
   7     border: 1px solid;
   8     height: 50px;
   9     width: 50px;
  10     background-color: orange;
  11 }
  12 .child {
  13     position: relative;
  14     top: 20%;
  15     left: 20%;
  16     height: 10px;
  17     width: 10px;
  18     background-color: salmon;
  19 }
  20 </style>
  21 <div class="container">
  22     <div class="child"></div>
  23 </div>
  24 <br>
  25 <div class="container" style="overflow:scroll">
  26     <div class="child"></div>
  27 </div>