如何使父 div 的高度与更高的绝对子 div 相同答案

【问题标题】：How to make parent div's height same as taller absolute child div如何使父 div 的高度与更高的绝对子 div 相同
【发布时间】：2014-09-02 06:42:36
【问题描述】：

有一个子 div 是 position: absolute; 这个子 div 的高度太长了，下一个 div 不能到达该子 div 的底部，因为子 div 和父分区所以，我需要自动获取子 div 到父 div 的高度。这里是my fiddle.

您可以在那里看到<div class="article"></div> 不能到达div.content 的底部，因为div.content 没有固定高度并且有一个绝对子div。

如果我这样设置：

.content {
    min-height: 200px;
}

问题会解决的，但是，我不能这样做。左边栏可以有 10 盒或 100 盒。所以，我无法知道div.left-bar 的想象高度这就是为什么，我试图通过jQuery 将父级的高度设置为与最长的绝对子级div 的高度相同。但是，那个脚本还没有工作！你能告诉我它的正确脚本是什么吗？我不工作的 jQuery：

$(document).ready(function() {
   var leftBarHeight = ('.left-bar').height();
   $('.content').css("height", leftBarHeight);
});

【问题讨论】：

你在('.left-bar')前面少了一个$

标签： jquery css absolute

【解决方案1】：

你有一个错字：http://jsfiddle.net/TrueBlueAussie/u9RQS/3/

var leftBarHeight = $('.left-bar').height();
$('.content').css("height", leftBarHeight);

您只是在('.left-bar') 上缺少$

【讨论】：