Css 家长的100%Div高度？

我极力想找到一种方法，使一个div 100%的高度，它的父母。唯一的诀窍是父母的身高是动态的

---

有什么想法吗？我在任何地方都找不到解决方案？

那是因为没有干净的解决方案……他们都是黑客。看

您可以使用javascript/jquery

$(function () {
    var maxheight = Math.max.apply(null,$('.col').map(function () {
        return $(this).height();
    }));
    $('.col').height(maxheight);
});

--使用

框大小调整

，以便我可以在列上添加一些填充，但严格来说这不是必需的

或者，您可以将所有div包装在另一个div中，然后在包含div的div上使用垂直平铺的背景，使它们看起来是独立的列，即使内部div不会一直向下延伸

表或模拟表（使用CSS）也可以工作

---

然而，我认为现在可能有一些涉及CSS3的解决方案。这个答案是从2011年开始的，所以根据你的判断。

那是因为没有一个干净的解决方案……它们都是黑客。看

您可以使用javascript/jquery

$(function () {
    var maxheight = Math.max.apply(null,$('.col').map(function () {
        return $(this).height();
    }));
    $('.col').height(maxheight);
});

--使用

框大小调整

，以便我可以在列上添加一些填充，但严格来说这不是必需的

或者，您可以将所有div包装在另一个div中，然后在包含div的div上使用垂直平铺的背景，使它们看起来是独立的列，即使内部div不会一直向下延伸

表或模拟表（使用CSS）也可以工作

---

然而，我认为现在可能有一些涉及CSS3的解决方案。这个答案是2011年的，所以请根据您的判断。

简短的回答，视情况而定

一个很好的简单方法（至少在我看来）是使用相互冲突的绝对定位：

div {
    position: absolute;
    bottom: 0px;
    top: 0px;
    width: 150px;
}

用于填充的帐户，您可以在页边距中进行编码。缺点是它会从页面流中删除元素，所以您必须绕过它。此外，支持IE7+

另一种方法（也是IE7+）是使用

display:table和
显示：表格单元格

#parent {
    display: table;
}
#parent div {
    display: table-cell; /* To make all children act as table-cells */
}

简短的回答，视情况而定

一个很好的简单方法（至少在我看来）是使用相互冲突的绝对定位：

div {
    position: absolute;
    bottom: 0px;
    top: 0px;
    width: 150px;
}

用于填充的帐户，您可以在页边距中进行编码。缺点是它会从页面流中删除元素，所以您必须绕过它。此外，支持IE7+

另一种方法（也是IE7+）是使用
display:table和
显示：表格单元格

#parent {
    display: table;
}
#parent div {
    display: table-cell; /* To make all children act as table-cells */
}

谢谢你。我一直在寻找黑客，我知道这是一个黑客，但这是我遇到的最好的。很遗憾看到这个答案只是一个没有代码或解释的链接。这就是为什么链接作为答案是低质量的。是的，我很抱歉，伙计们。我已经更新了way back机器的链接，并添加了一些代码。你们给了我不到一个小时的时间来整理我的东西：p我试着不再做只链接的答案了…他们真的很烂。谢谢你们。我一直在寻找黑客，我知道这是一个黑客，但这是我遇到的最好的。很遗憾看到这个答案只是一个没有代码或解释的链接。这就是为什么链接作为答案是低质量的。是的，我很抱歉，伙计们。我已经更新了way back机器的链接，并添加了一些代码。你们给了我不到一个小时的时间来整理我的东西：p我试着不再做只链接的答案了…他们真的很烂。