How can I hide an element off the edge of the screen?

Question

I\'ve got a div that I want to position partially off-screen like so:

div{
    position: absolute;
    height: 100px;
    width: 100px;
    right: -50px;
            


        

Answer 1

Just insert this div inside another div with overflow:hidden