0

我正在为我的网站创建一个小型聊天。

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

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

当我知道用户 div 的高度时,这很容易。但是,用户 div 没有已知的高度,它会随着用户登录和注销而扩大和缩小。

底部的聊天表格有一个已知的高度,所以我可以将绝对位置和底部:“聊天表格 div 的高度”设置为它的高度,这样聊天就不会重叠。

当聊天扩展/收缩时,如何设置相对于用户 div 的“顶部”值。不希望用户 div 隐藏聊天 div 中的任何内容。

4

1 回答 1

0

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

演示

于 2013-05-10T11:45:09.437 回答