使div超出实际div

Question

我有以下示例，我希望goOutside div（黄色的）将从相对div溢出。但要保持滚动在相对div内（按div的内容）。

.relative {
  position: relative;
  height: 100px;
  overflow-y: auto;
  background: green;
  width: 100%;
}  

.content {
  background: blue;
  width: 200px;
}
  
.goOutside {
  background: yellow;
  position: absolute;
  right: 0;
  height: 300px;
  width: 200px;
}

<div class="relative">
  <div class="goOutside">
    
  </div>
  <div class="content">
    test<br />test<br />test<br />test<br />test<br />
    test<br />test<br />test<br />test<br />test<br />
    test<br />test<br />test<br />test<br />test<br />
  </div>
</div>