Html 将div定位在桌子底部

我使用此表来显示表数据的摘要

问题是：当我显示div class=mpst时，当文本中的行数存在差异时，这个div无法到达表的底部

守则：

resumo先生{ 颜色：253037； 背景色：e9e9e9； } .resumo表{ 柔性包裹：nowrap；对齐项目：居中； 宽度：calc90%+4vh； 边界塌陷：塌陷； 保证金：0自动； 文本对齐：居中； 表布局：固定； 边界塌陷：分离； 边界间距：2vh 0； 垂直对齐：基线； 边界：0； 大纲：0； } E.resumo td{ 字体大小：13px； 填充：0； 大纲：0； } .tbpad{ 垫顶：4vh； 左：2vh； 右侧填充：2vh； } .mpst{ 背景色：黑色； 宽度：calc94%； 填充：3%； 边际上限：4vh； 左边距：0； 位置：相对位置； 颜色：ffffff； 大纲：0； } 斯特格林先生{ 背景色：33CA49； } 斯泰洛先生{ 背景色：FDBD41； } td-img{ 最大宽度：70%； 高度：自动； 垂直对齐：中间对齐； 利润底部：5%； }

Transm

MP 1K

Final command LD

MP 1K

Final command LE

MP 1K

Engine

MN 1K您需要在td元素中添加垂直对齐：底部：

.resumo td {
    font-size: 13px;
    padding:0;
    outline: 0;
    vertical-align: bottom;
}

---

由于您使用的是表格，垂直对齐可以使每个tds中的内容垂直居中：

.resumo td {
    font-size: 13px;
    padding:0;
    outline: 0;
    vertical-align:bottom; /* <=== here , align content to bottom */
}

---

Transm

MP 1K

Final command LD

MP 1K

Final command LE

MP 1K

Engine

MN 1K您的代码有许多错误。。。 我试着把它弄干净一点

resumo先生{ 颜色：253037； 背景色：e9e9e9； } .resumo表{ 宽度：calc90%+4vh； 保证金：0自动； 文本对齐：居中； 表布局：固定； 边界塌陷：分离； 边界间距：2vh 0； 边界：0； 大纲：0； } E.resumo td{ 字体大小：13px； 填充：0； 大纲：0； 位置：相对位置； 高度：120px； 垂直对齐：顶部； 填充顶部：30px } .tbpad{ 左：2vh； 右侧填充：2vh； } .mpst{ 背景色：黑色； 宽度：calc94%； 填充：3%； 边际上限：4vh； 左边距：0； 位置：绝对位置； 底部：0； 颜色：ffffff； 大纲：0； } 斯特格林先生{ 背景色：33CA49； } 斯泰洛先生{ 背景色：FDBD41； } td-img{ 最大宽度：70%； 高度：自动； 利润底部：5%； }

---

Transm

MP 1K

Final command LD

MP 1K

Final command LE

MP 1K

Engine

MN 1K也许您不应该在这里使用表格-这看起来不像管状数据，除非使用电子邮件模板，否则表格不应该用于布局