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:这是个问题吗?全高通常是指如何使其占据最大空间:)