获取自身的顶部坐标-> calc(100vh - y) [重复]

Posted 2023-03-06

【中文标题】获取自身的顶部坐标-> calc(100vh - y) [重复]

【英文标题】：Get top coordinate of self --> calc(100vh - y) [duplicate]

【发布时间】：2017-10-23 18:52:22

【问题描述】：

我有一个元素，我希望它占据它下方直到浏览器窗口底部的所有空间。

我可以为此获取元素的 y 偏移量吗？我不知道如何定义y：

.occupy-space-below 
    max-height: calc(100vh - y);

【问题讨论】：

那需要js，不过还有很多其他的方法-***.com/q/90178/483779

【参考方案1】：

而不是使用calc（因为您的上部元素的高度未知）... 您可以使用 flexbox

轻松实现此目的

/*QuickReset*/ *margin:0;box-sizing:border-box; html,bodyheight:100%;font:14px/1.4 sans-serif;


.flex-column 
  height: 100%;
  display: flex;
  flex-direction: column;


.grow
  flex: 1;
  background: gold;

<div class="flex-column">

  <div>
    I<br>have <br>unknown<br>height
  </div>

  <div class="grow">
    occupy space below
  </div>

</div>