css how to stop screen from left and right

1/* The problem */
2.off-screen {
3  position: absolute;
4  right: -50px;
5  
6  width: 100px;
7  height: 100px;
8  
9  background-color: red;
10}
11
12/* The solution */
13body {
14  overflow-x: hidden;
15}

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