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

Question

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

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

两者都有已知和固定的高度A。C然而窗口高度（移动视口）是未知的。我正在努力变得B尽可能高。我要使用overflow-y: auto，所以溢出不是问题。实际问题是将其扩展为未知（但可计算）的值。

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

score 2 · Accepted Answer

确保容器具有非static定位，然后B position: absolute;分别将和设置为 Atop和bottomC 的高度。

例如，如果A是 20 像素高和C40 像素，您的 CSSB将如下所示：

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

1 回答 1