css - 拉伸(stretch)子 div 高度以填充具有动态高度的父级

Question

正如在下面的 fiddle 中所看到的，我有两个 div，包含在父级 div 中，该父级 div 已拉伸(stretch)以包含大 div，我的目标是使这些子 div 的高度相等。

http://fiddle.jshell.net/y9bM4/

Answer 1

使用 display: flex 拉伸(stretch)您的 div:

div#container {
    padding:20px;
    background:#F1F1F1;
    display: flex;
}

.content {
    width:150px;
    background:#ddd;
    padding:10px;
    margin-left: 10px;
}

JSFIDDLE