没有父高度的绝对位置

Question

我想像下图那样放置4个div；父 div 的高度未知（自动）。每个 div 都会有一个 100% 适合的图像，那么 div 的高度也是未知的。

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

Answer 1

JQuery:

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

这将计算.div1 和.div2 的高度（当然您可以根据自己的喜好进行调整）并将该高度应用于您包含的任何 div 或您想要的任何 div。