Html 使用CSS在网格布局中垂直扩展柱

这是一种高级CSS，所以抓紧你的屁股

我有一个三列的网格。其中两列包含文本，一列不包含任何内容。本练习的目标是使空柱垂直扩展到最高柱的高度。换句话说，空列应该垂直扩展到行div中。为什么？当然，谷歌AdSense动态广告大小

现在，我已经看到了一些类似的问题，但我相信这种情况是独特的，因为列上有左浮动。我可以用JavaScript完成这项工作，但我正在寻找CSS解决方案

HTML:

---

您可以向.row类添加以下css属性

display: flex;

以下浏览器支持flexbox：

* {
    box-sizing:border-box;
    text-align:justify;
}
.container {
    padding:24px 0;
    background-color:#DEA5A4;
}
.row {
    padding:0 24px;
    background-color:#CFCFC4;
}
.column {
    padding:24px;
    background-color:#CB99C9;
    float:left;
    width:33.333%;
}
.empty {
    border:#FDFD96 dotted 3px;
}
.floatclear {
    clear:both;
}

display: flex;