一个静态高度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底部有一个已知的高度,所以我可以设置position absolute和bottom: "height of chatformdiv"到它的高度,这样聊天就不会重叠。

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

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

演示

最新更新