垂直堆叠，中间部分尽可能高

Question

好的，所以我有一个非常简单的堆栈：

---------
|   A   |
---------
|   B   |
---------
|   C   |
---------

A和C都有已知和固定的高度。然而，窗户高度（移动视口）是未知的。我试图让B尽可能高。我将使用overflow-y: auto，因此溢出不是问题。实际问题是将其扩展为未知（但可计算）的值。

我已经通过计算$(window).height() - ($(A).height + $(C).height())解决了这个问题，但必须有更好的方法（或jQuery插件）。

Answer 1

确保容器具有非static定位，然后生成B position: absolute;并将top和bottom都设置为A的高度和C.分别。

例如，如果A高20像素且C 40，则B的CSS看起来像这样：

#b {
    bottom: 40px; /* Height of C */
    left: 0;
    position: absolute;
    right: 0;
    top: 20px; /* Height of A */
}