JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tablecontent">
  <div class="layer">
    <ul>
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
      <li>five</li>
    </ul>
  </div>
</div>
<div class="footer">
  more content
</div>

CSS

.tablecontent {
    position: relative;
    background-color: #ccc;
    height: 60px;
}

.layer { 
  position: absolute; 
  right: 40px;
  top: 0px;
  height: 130px;
  width: 120px;
  background-color: lime;
  z-index: 2;
}

.footer {
  position: relative;
  z-index: 1;
  background-color: gray;
  height: 30px;
}