容器内有一个静态高度div和2个灵活高度div

<div id="container"> 
    <div id="user"></div> 
    <div id="chat"></div> 
    <div id="chatform"></div> 
</div>

我的最终结果应该是什么样子是这样的： http://jsfiddle.net/XXHTC/2/

这是很容易的，当我知道用户div的高度。但是，用户div没有已知的高度，它随着用户登录和关闭而扩展和缩小。

底部的平台有一个已知的高度，所以我可以将绝对位置和底部位置设置为：“chatform div的高度”，因此聊天不会与其重叠。

如何设置聊天相对于用户div的“顶部”值，因为它扩大/缩小。不希望用户div在聊天div中隐藏任何内容。

2013-05-10 Mellet

正在使用javascript的一个选项？ – 2013-05-10 11:22:35

是的，JavaScript是好的。我想我可以以某种方式计算用户div的高度，并将聊天的最高值设置为可能。 – Mellet 2013-05-10 11:29:23

像jQuery的魅力工作:) $（document）.ready（function（）{userOnline = $（“＃user”）。outerHeight（）; $（“＃chat”）.css（“top”，userOnline ）;}）; – Mellet 2013-05-10 11:40:15

您需要使用JavaScript来确定div#user的高度，然后将div#chat的顶部位置设置为等于该高度。

2013-05-10 11:45:09

叶。得到它的工作:) http://jsfiddle.net/XXHTC/5/（删除注释在HTML中看到的变化） – Mellet 2013-05-10 11:50:27

回答