html - 两个具有不同列的表格-高度可以相同吗？ HTML CSS

我有两个这样的桌子。它们是float：left并排出现。我希望表2的高度与表1的高度相同。例如，黄色背景下降到表1的底部。
目前：



应该看起来像：



我不想对像素进行硬编码，因为它需要在不同的显示器和移动设备上显示相同的像素。

编辑：我只是给最后一行更长的高度。感谢您的回答。

最佳答案

将类.row-eq-height添加到父div：

CSS：

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

DEMO

关于html - 两个具有不同列的表格-高度可以相同吗？ HTML CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38625600/