Div位于屏幕底部

Question

如何在屏幕底部而不是页面中放置div？

但我不想使用position:fixed，因为我想要一次向下滚动，div会像其他元素一样上升。

喜欢此web site

中的div

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添加到您的ID或类中：

div {   
position: absolute; 
bottom: 0; 
}