我可以在CSS中設置元素相對於另一個元素的位置嗎？

Question

我想設置下面的div根據100px小於100％的頁面的底部。我可以這樣做嗎？ （下面的代碼不工作）

div{ 
 
    position:absolute; 
 
    height: 50px; 
 
    width:50px; 
 
    background-color:#000000; 
 
    left:40px; 
 
    BOTTOM:100% - 100PX; 
 
    }

<div></div>

Answer 1

你可能會尋找：

bottom: calc(100vh - 100px); 

Answer 2

我想你可能只是這樣做：

div{ 
 
    position:absolute; 
 
    height: 50px; 
 
    width:50px; 
 
    background-color:#000000; 
 
    left:40px; 
 
    bottom: 100px; 
 

 
    }

<div></div>