获取自我的顶部坐标

这个问题在这里已经有了答案：

让div填充剩余屏幕空间的高度31个答案

---

而不是使用calc （因为你的上层元素是未知的高度）...
您可以使用flexbox轻松实现此目的

/*QuickReset*/ *{margin:0;box-sizing:border-box;} html,body{height: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>

链接地址: http://www.djcxy.com/p/88253.html

上一篇: Get top coordinate of self

下一篇: Dynamic height of section