还可以考虑下一个方法:

CSS:

.parent {
  height: 100%;
}
.parent:after {
  content: '';
  display: block;
}

另外，因为你试图重新定位div考虑css网格

现在有更好的办法了。你可以使用bottom属性。

    .my-element {
      position: absolute;
      bottom: 30px;
    }

Feeela是对的，但是你可以让父div收缩或扩展到子元素，如果你像这样反转div的定位:

.parent {
    position: absolute;
    /* position it in the browser using the `left`, `top` and `margin` 
       attributes */
}

.child {
    position: relative;
    height: 100%;
    width: 100%;

    overflow: hidden;
    /* to pad or move it around using `left` and `top` inside the parent */
}

这应该对你有用。

试试这个，对我很管用

.child {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 1;
}

它将把子高度设置为父高度

你自己回答了这个问题:

我知道绝对定位的元素被从流中移除，因此被其他元素忽略。

你不能根据绝对定位元素来设置父元素的高度。

要么使用固定高度，要么使用JavaScript。

现在，人们可能会使用CSS flexbox或网格布局来反转父容器内HTML元素的可视顺序，而不使用position: absolute;。参见CSS网格布局中列的反向顺序

虽然拉伸到具有position: absolute的元素是不可能的，但通常有一些解决方案可以避免绝对定位，同时获得相同的效果。看看这个小提琴，解决了你的特定情况下的问题http://jsfiddle.net/gS9q7/

诀窍是通过浮动两个元素来反转元素顺序，第一个元素右移，第二个元素左移，所以第二个元素先出现。

.child1 {
    width: calc(100% - 160px);
    float: right;
}
.child2 {
    width: 145px;
    float: left;
}

最后，向父类添加一个clearfix，就完成了(完整的解决方案参见fiddle)。

通常，只要具有绝对位置的元素位于父元素的顶部，就很有可能通过浮动元素来找到解决方法。