容器内有一个静态高度div和2个柔性高度div

时间:2013-05-10 11:02:18

标签: html position height

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

<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中的任何内容。

1 个答案:

答案 0 :(得分:0)

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

Demo