绝对位置没有父高

时间:2014-01-22 18:37:50

标签: javascript jquery css css3 css-position

我想放置4个div,如下图所示;父div具有未知高度(自动)。每个div都有一个100%拟合的图像,然后div的高度也是未知的。

我在考虑在div上使用绝对位置,但我需要父级的背景。 是否有一些jquery插件或css3技巧来完成这项工作?

enter image description here

1 个答案:

答案 0 :(得分:1)

JQuery的:

$(document).ready(function() {
    var divHeight = $('.div1').height() + $('.div2').height();
    $('.containerDiv').css({ "height" : divHeight });
});

这将计算.div1.div2的高度(当然你可以根据自己的喜好调整)并将该高度应用于你所包含的任何div,或者你想要的任何div。