CSS 使用 100%

Question

考虑 this jsfiddle example .

我需要 content 始终拉伸(stretch)以符合其父容器的底部(可以是任何高度)。基本上我希望它看起来像这样:

Answer 1

这有帮助吗？:http://jsfiddle.net/Boroso/8rXnL/编辑:抱歉，原链接有误。

将容器的高度更改为自动将允许 内容高度的变化。这就是我假设你 正在问。

#box {
    width:300px;
    height:auto;    
    border:1px solid;
}

div.content {
    width: auto;
    height: 300px;
    background:#333;
    margin: 10px;
}

此外，您不应该向容器添加填充，因为那会改变 您可能想要的高度和宽度。因此，我将 div.content 设置为在所有边上使用 10px 的边距。