Html 将div底部对齐到同一水平面

有没有办法让注释div的底部与按钮的底部相同

这就是它现在的工作原理。

这就是我想要的样子。

---

，但这种方法对我不起作用，因为注释div的高度可能会改变。

您可以在父元素上使用

display:flex

和

align items:flex end

。注释{
宽度：320px；
高度：340px；
背景色：#818181；
}
.评论(续){
浮动：对；
显示器：flex；
对齐项目：柔性端；
}

按钮

它们应该在同一个分区中

.button_div {
  width: 54px;
  height: 20px;
  float: left;
}

.comments {
  width: 320px;
  margin-right: -100px;
  height: 340px;
  background-color: #818181;
  float: left;
}

.comment_cont {
  float: right;
}