将div中的文本对齐到底部

Question

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

Answer 1

您可以制作容器position: relative然后在里面制作一个div position: absolute; bottom: 0; left: 0;

<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; 
}