使用CSS将子元素与底部对齐

我有一个表单

input

，

标签跨越多行，我希望相应的复选框出现在底部（标签
元素的最后一行）

这就是我玩的东西

CSS
HTML

我是否在此允许你做任何必要的任务以达到理想的结果？

它也在网上

有没有办法做到这一点？我注意到
div.input-container
没有扩展，这是CSS的老问题

我想我可以通过
display:table cell
和
vertical align:bottom
来实现这一点，但我还没能做到。我不介意IE6/7不能正确渲染

我还尝试使用了
position:relative与子项
位置：绝对；底部：0除此之外，我需要指定一个高度，我不能保证该高度将是左侧标签的高度。
尝试
显示：块
？
尝试
显示：块
？
查看我的操作更改：

以下是有关声明：

.standard-form .input-row {
  overflow: hidden;
  margin-bottom: 0.8em;
  position: relative;
}
.standard-form .checkbox .input-container {
  position: absolute;
  bottom:-2px;
  left:25%;
}

请参见我的行动变化：

以下是有关声明：

.standard-form .input-row {
  overflow: hidden;
  margin-bottom: 0.8em;
  position: relative;
}
.standard-form .checkbox .input-container {
  position: absolute;
  bottom:-2px;
  left:25%;
}

如果您使用一个相对定位的元素，并且具有负的上边距，那么它会起作用吗。。。我不知道为什么，但我一直害怕自己的位置：absolute@CurtainDog没有理由害怕位置：正确使用时绝对。我不明白为什么负边距在这种情况下不起作用。如果你用一个相对定位的元素来代替负的上边距，它会起作用吗。。。我不知道为什么，但我一直害怕自己的位置：absolute@CurtainDog没有理由害怕位置：正确使用时绝对。我不明白为什么负利润在这种情况下不起作用。
.standard-form .input-row {
  overflow: hidden;
  margin-bottom: 0.8em;
  position: relative;
}
.standard-form .checkbox .input-container {
  position: absolute;
  bottom:-2px;
  left:25%;
}