将div中的文本对齐到底部

Question

我有两个div，彼此相邻，一个有float: right，另一个有float: left。左边的那个包含一个图像（200x100px），右边的div应该包含一个文本。我想让右边的div文本从div的左下角而不是左上角开始，这有可能吗？ 感谢

Answer 1

您可以使容器position: relative然后使用position: absolute; bottom: 0; left: 0;

创建一个div

<div style="position: relative; height: 300px; width: 300px; background-color: #f00;">
  <div style="position: absolute; bottom: 0; left: 0; right: 0; background-color: #00f;">
    This will be at the bottom!
  </div>
</div>

Answer 2

在范围，段落或您放置文本的任何内容上尝试此css规则：

vertical-align: bottom;

Answer 3

你可以尝试添加你的div这个css：

 #rightDiv{
   display: table;
   vertical-align: bottom;
}