absolute-child-with-percent-padding-inside-relative-parent.html

<!DOCTYPE html>
<style>
  .outer {
    position: relative;
    padding: 2em;
    width: 4em;
    background: black;
  }
  .inner {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 100%;
  }
</style>
<p>The word "PASS" should be seen below, to the right of a black rectangle.</p>
<div class="outer">
  <div class="inner">PASS</div>
</div>

chromium/third_party/blink/web_tests/fast/css/absolute-child-with-percent-padding-inside-relative-parent.html