Javascript 对齐div的底部

我想知道在css中是否有一种从底部对齐div的方法

在复选框旁边有一个div，div的左上角与复选框的右上角相邻。但我希望div的左下角与复选框的右上角相邻

。工具提示{
位置：绝对位置；
显示：内联块；
背景：#fff；
边框：2件纯黑；
}

房间里有一张桌子

您可以在这里探索x2方法：

1）

垂直对齐：超级

与

位置：相对

将元素

上的
位置
属性值更改为
relative
从
vertical align
属性中获益
元素现在回到正常的文档流中，并且
所讨论的元素已经是内联块，请声明
垂直对齐：超级
示例：

.ToolTip {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 2px solid black;
  /* additional */
  vertical-align: super;
}

代码片段演示：

.ToolTip {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 2px solid black;
  /* additional */
  vertical-align: super;
}


。工具提示{
位置：相对位置；
显示：内联块；
背景：#fff；
边框：2件纯黑；
/*附加的*/
垂直对齐：超级；
}

房间里有一张桌子
请添加您尝试过的代码。问题是html是从Java框架生成的。我正在写一个例子。代码是如何生成的是无关紧要的。我们需要查看发送到浏览器的输出-它只是html/css。无论标记是如何生成和/或处理的，我们都希望提供一个最小的、完整的、可验证的示例，以准确地再现和演示所描述的问题。看一看：我只是想说它生成了一些html代码，这些代码不是很干净和容易理解，但我同意你的观点，并尝试写了一个例子。非常感谢你的完整回复！我学到了很多，我不能使用第一个解决方案，因为我的div必须保持在原位：绝对否则它会移动我页面上的很多东西，但第二个解决方案非常完美，我从来没有想过这一点。再次感谢，祝你愉快day@G.Sabathier没问题，很高兴我能帮助你。