Div в нижней части экрана

Question

Как я могу поместить div в нижней части экрана, а не на страницу?

Но я не хочу использовать position:fixed, потому что я хочу, как только я прокручу вниз, div пойдет вверх, как и другие элементы.

как DIV в этом web site

Answer 1

Вы можете использовать vh unit, чтобы сделать это.

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

<div></div>

Answer 2

Попробуйте добавить этот CSS к вашему идентификатору или класса:

div { 
position: absolute; 
bottom: 0; 
}