我可以在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>