Div位于屏幕底部

Question

How can i put a div in the bottom of the screen not the page ?

But i don't want to use position:fixed because i want once i scroll down , the div go up like other elements.

like the div in this web site

Answer 1

You could use the vh unit to do this.

 body, html { height: 1000px; margin: 0; } div { position: relative; width: 100px; height: 100px; background: tan; top: calc(100vh - 100px); } 

 <div></div> 

Answer 2

Try adding this css to your id or class:

div {   
position: absolute; 
bottom: 0; 
}