Html 儿童<；部门>；浮子的填充剩余高度<；部门>；左边

因此，在我的JSFIDLE中，我试图使

div.content.groepsfeest

填充剩余的高度，以便底部与左侧

div

的底部正确对齐

我的代码：

使用显示：

表格行

和

表格单元格

比如：

使用来自的

flex

解决方案是可以的，但请记住此方法的一些浏览器限制：

---

一个尚未提及的选项是使用flexbox。您需要将列包装在包含

div

的

display:flex

中

.flex-container {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

---

然后给出所有列

flex:1

可以稍微更新一下HTML吗，即添加一个

标记？太好了，这会很完美！记住，IE不支持flex，但总的来说，它是CSS3中令人敬畏的一部分。

.flex-container {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}