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

Css 垂直堆叠,中间部分尽可能高,css,jquery-plugins,Css,Jquery Plugins,好的,我有一个非常简单的堆栈: --------- | A | --------- | B | --------- | C | --------- A和C都具有已知和固定的高度。但窗口高度(移动视口)未知。我正试着让B越高越好。我将使用overflow-y:auto,因此溢出不是问题。实际问题是将其扩展到一个未知(但可计算)的值 我已经通过计算$(window.height()-($(A.height+$(C.height())解决了这个问题,但是必须有更好的方法(或者

好的,我有一个非常简单的堆栈:

---------
|   A   |
---------
|   B   |
---------
|   C   |
---------
A
C
都具有已知和固定的高度。但窗口高度(移动视口)未知。我正试着让
B
越高越好。我将使用
overflow-y:auto
,因此溢出不是问题。实际问题是将其扩展到一个未知(但可计算)的值


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

确保容器有一个非静态的
定位,然后确保
B
定位:绝对
并将
top
bottom
分别设置为A和C的高度

例如,如果
A
的高度为20像素,而
C
40像素,则
B
的CSS将如下所示:

#b{
底部:40px;/*C的高度*/
左:0;
位置:绝对位置;
右:0;
顶部:20px;/*A的高度*/
}

@barraponto:这是个问题吗?全高通常是指如何使其占据最大空间:)