Question

有一个儿童div position: absolute;这个儿童div的高度太长，以至于下一个div无法进入该子div的底部，因为没有固定的高度子div以及父div。所以，我需要自动将子div的高度变为父div。这是my fiddle.

您可以看到<div class="article"></div>无法转到div.content的底部，因为div.content没有固定的高度，并且有一个绝对的子div。< / p>

如果我这样设置：

.content {
    min-height: 200px;
}

问题将会解决，但是，我不能这样做。左侧酒吧可以有10个盒子或100个盒子。所以，我无法知道div.left-bar的想象力高度这就是为什么，我试图将父母的身高设置为最长的绝对孩子div＆＃39 ; jQuery的高度。但是，那个剧本还没有奏效！你能告诉我它的正确脚本是什么吗？我不工作的jQuery：

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

Answer 1

你有一个拼写错误：http://jsfiddle.net/TrueBlueAussie/u9RQS/3/

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

您在$

上失踪('.left-bar')

Answer 2

您必须使用float代替position:absolute：

.left-bar {
    position: relative;
    float:left;
    left: -10px;
    top: 0;
}

.article{
    display:inline-block;
}

无需使用js。

fiddle

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

2 个答案: