Div位於屏幕底部

Question

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

但我不想使用position:fixed因為我希望一旦我向下滾動，div就會像其他元素一樣上升。

喜歡這個網站的div

Answer 1

您可以使用vh單元執行此操作。

 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; 
}