最大高度取决于父div的长度,或旁边的div?

时间:2012-01-05 21:10:45

标签: html css

问题在于:

mockup

以下是我的应用程序中的问题(请注意,左下方列应该在左列的高度处自动滚动。新数据也可以随时添加到任一列中,因此常规的javascript方法并不是一个好方法。):

http://i42.tinypic.com/2vbpn5g.png

3 个答案:

答案 0 :(得分:1)

只需将整个外部容器设置为固定高度,制作两列,一列为全高盒,另一列为动态高度盒,下方设有溢出自动盒。

否则,您将需要JavaScript来动态设置第二列中框的高度,方法是除以最大高度。

答案 1 :(得分:0)

将整个事物(所有3个部分)包裹在一个div中并设置最大高度并且没有溢出。

答案 2 :(得分:0)

left-div:左边的大div top-div:右上角的div bottom-div:右边的底部div

$(document).ready(function(){
    var total_height = $("#left-div").outerHeight();
    var used_height = $("#top-div").outerHeight();
    var free_height = total_height - used_height;

    $("#bottom-div").height(free_height);
});