Html 如何将元素设置为另一个元素的底部？

所以：我在将元素（名为“header info”的类）定位到另一个元素（“wrapper”）的底部时遇到了一个小问题。我不能使用position:absolute，因为这会使元素的宽度最小化（我想保持100%的包装宽度）。也没有工作显示：表格单元格和垂直对齐：底部

有一个指向代码的链接：

有什么办法让它正常工作吗？自动取款机我用的是垫子，但这仍然不是我想要的

---

第二个要求是：有人可以检查html代码并告诉我它做得好吗？我想使我的代码具有语义。

我建议检查flexbox：

您需要将

标题

设置为容器，并将

对齐项目

属性设置为

柔性末端

，从而摆脱

填充顶部

，因为这可能会根据视图大小产生一些不同的结果

Flexbox非常有助于在CSS中正确对齐，它非常有助于解决“如何正确对齐”这一长期困扰美国网页设计师的问题。最大的优势是避免硬编码的值，这是很好的保持在最低限度（以我的经验），当你有移动第一设计的想法。但是，需要注意的是，flexbox可能无法在较旧的浏览器（如IE）中工作，因此您可能需要这些浏览器的备份。我引用的第一篇文章中列出了浏览器版本及其兼容性

我在这里用密码笔计算出来：

顺便说一句，你的网站看起来很棒，你的代码看起来也很干净

---

希望这有帮助

您应该在这里发布您尝试过的html/css代码：）非常感谢！我应该更关注flexbox。