Question

当内部div位于绝对位置（位于相对位置的div内）时，外部div不会扩展时出现问题。

我尝试了各种各样的clear：both / overflow：xxx /和height：auto。这对我来说似乎非常简单，但它在某种程度上根本无法正常工作。我把它剥离了下来：

<div class="jumbotron">
    <div class=" infobox">
        Test
    </div>
</div>

这个css片段：

.jumbotron{
    background-color: #000;
    position: relative;
    min-height: 300px;
}
.jumbotron .infobox{
    background-color: #dddddd;
    position: absolute;
    bottom: 10px;
    width: 500px;
    height: 900px;
}

我想要实现的是让内部div从外部div的底部“增长”，并使外部div相应地扩展。

感谢任何帮助！

谢谢，达里奥

Answer 1

好的，感谢您的评论。

这解决了它：

$('.jumbotron').height($('.infobox').height());

在文档的onload部分。

Answer 2

不是100％确定您提出的问题，但请查看this fiddle是否可以帮助您。

使用JQuery相互获取并设置位置和高度。在创建文档时调整以及调整页面大小。正如其他人所说，JavaSCript就是这样的需要。 JS如下：

$(function(){
    $('.infobox').offset($('.jumbotron').position());
    $('.jumbotron').height($('.infobox').height());
});

$(window).resize(function(){
    $('.infobox').offset($('.jumbotron').position());
    $('.jumbotron').height($('.infobox').height());
});

Answer 3

答案很奇怪，但一定会有用。

当内部div处于absolute位置时，只需在外部div上添加overflow:hidden css（例如：此处 .jumbotron 是外部div），您可以删除来自外部div的min-height，外部div自动获取内部div的高度。

（确保外部div不应具有任何特定高度）

当内部具有绝对位置时展开外部div

3 个答案: