如何使DIV占用容器div的其余高度？ [英] How can I make a DIV take up the rest of the height of a container div?

问题描述

我有一个div与两个嵌套的div。第一个孩子具有不同的高度，取决于它的内容，我想要第二个divs高度是从父母剩下的任何。

I have a div with two nested divs. The first child has varying height depending on its content, I want the the 2nd divs height to be whatever is left over from the parent.

<div style="height:500px;">
   <div>Some Content Here</div>
   <div>This div needs to take up the rest of the space of its parent</div>
</div>

我如何做？

谢谢，
〜ck在圣地亚哥

Thanks, ~ck in San Diego

推荐答案

我看到你使用jQuery，所以这应该工作：

It requires some javascript. I see you're using jQuery, so this should work:

给你的父div一些id：

Give some id to your parent div:

<div style="height:500px;" id="parent">
    <div>Some Content Here</div>
    <div>This div needs to take up the rest of the space of its parent</div>
</div>

然后在jQuery中：

Then in jQuery:

$('div#parent div:last').each(function() {
    var p = $(this).parent();
    $(this).height(p.height() - ($(this).offset().top - p.offset().top));
});

这篇关于如何使DIV占用容器div的其余高度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！