Css 在同级div序列中，可以将高度设置为最高值吗？

因此，您有一组内联div。它们的宽度是硬编码的，但里面的内容可以更改，这意味着div的高度不同

有没有办法确保所有div保持相同的高度，而不会有内容溢出其父div的危险

我尝试过继承最小高度，但这似乎不是动态的。因此，如果父div的最小高度设置为320px，并且同级div继承此值，则如果任何同级由于内容而变得高于320，则它和父div将发生更改，但其他同级将保持在320

---

除了css之外，还有什么方法可以解决这个问题吗？

只需使用css的表格即可

以以下标记为例：

例一
这是示例twooooo
3.

如果希望所有三个

figure

元素保持恒定高度，同时确保它们永远不会脱离

div

容器的边界，只需：

div{
显示：表格；
}
div>数字{
显示：表格单元格；
}

所有三个

图

元素现在将保持相同的高度-内容最多的元素的高度或包含分隔符的

最小高度

，以较大者为准

这是一个在行动中展示这一点的例子。请注意，我是如何给

div

一个灰色背景色的，并且

figure

元素永远不会逃逸到边界之外

---

有关浏览器支持，请参阅：

只需使用CSS的表格即可

以以下标记为例：

例一
这是示例twooooo
3.

如果希望所有三个

figure

元素保持恒定高度，同时确保它们永远不会脱离

div

容器的边界，只需：

div{
显示：表格；
}
div>数字{
显示：表格单元格；
}

所有三个

图

元素现在将保持相同的高度-内容最多的元素的高度或包含分隔符的

最小高度

，以较大者为准

这是一个在行动中展示这一点的例子。请注意，我是如何给

div

一个灰色背景色的，并且

figure

元素永远不会逃逸到边界之外

有关浏览器支持，请参见：