Question

我几乎不敢问这个问题,因为这个问题看上去是轻而易举的,但在花了3个多小时的 st和谷歌之后,我不得不让它走。

我的问题:

On initial state, the div#container is going to contain div#list-dynamic-2, where I want div#list-dynamic-2 to use the div#container s full height. Div#list-dynamic-1 is going to be inserted dynamically and is allowed to stretch up to 150px. Once div#list-dynamic-1 s height reaches 150px, I want div#list-dynamic-2 to use the remaining space of 150px. I would also be happy if someone could tell me that this is pointless to achieve with CSS only and should be done with JavaScript instead.

(Btw, this is a simple example to show the problem and real usage would be to move selected users into the upper div and allow it to use 1/2 of div#container. Think of the upper div as some kind of shopping cart for users.)

Answer 1

这里的解决办法是:

var iDiff = 300 - document.getElementById( list-dynamic-1 ).offsetHeight;
document.getElementById( list-dynamic-2 ).style.height = iDiff +  px ;

然后,请从<代码>#list-dynamic-2的编码定义中删除max-h8,000。

另见 your Update example。

关于 c,我认为你必须calculate ,但大多数浏览器没有支持。

Answer 2

This reminds me of the jQuery UI Layout Plug-in. See demo: http://layout.jquery-dev.net/demos/nested_sidebars.html

友情链接