Html 从行内最高列继承高度

我很难通过引导产生某种feaux列效果。理论上，我认为继承同一行中另一列的高度相对来说比较容易，但实际上似乎不那么容易

第1栏内容
第1列内容

第1列内容

第1列内容

第1列内容

第1列内容

第1列内容

第2列内容

第2列内容

第3栏内容

在JSFIDLE中，我没有这样的样式，除了为了可视化高度而确定的背景颜色。但真正的问题是，如何使col-3继承此行中最高容器的高度（目前，由于内容原因，col-1）？我尝试将它的高度定义为100%，因为我认为这将是父行的100%。看来不是

---

非常感谢您提供的任何提示

您可以试试这个。这里的这组样式假定col-1和col-2的大小相同。它不是很灵活，也没有得到很好的支持。在我检查其他解决方案时尝试此方法

。幻灯片放映{
高度：400px；
显示器：flex；
柔性流：柱包裹；
}
.col-1{
背景颜色：黄色；
弹性：1；
}
.col-2{
背景颜色：蓝色；
}
上校3{
背景色：红色；
弹性：1；
}

如果您不需要

.slideshow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

---

否则，您可以使用表格或将div显示为表格单元格

在回答此问题后，我一直在为您提供一个可能的解决方案。下面建议的Flexbox是可能的，但它确实是专为现代浏览器设计的。哇。Flex cells正是我想要的。以前从未听说过这个函数！这真的很遗憾，因为我工作的网站是针对金融人士的（我不知道为什么。但我希望这些人中有很多人使用旧的浏览器技术）。不过还是非常感谢你的建议！是的，它在safari上不起作用。所有其他浏览器都有很好的支持。只需在你的平台上查看。现在已经有一段时间了。

.slideshow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}