css how to stop screen from left and right

<div class="off-screen"></div>

/* The problem */
.off-screen {
  position: absolute;
  right: -50px;
  
  width: 100px;
  height: 100px;
  
  background-color: red;
}

/* The solution */
body {
  overflow-x: hidden;
}