我正在为我的网站创建一个小型聊天。
<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 中的任何内容。