两种办法，第一种可以作为默认选择。两种办法都可以让文字底部对齐。
1、如果是文字或者其他块级元素。使用定位的思想。position：absolute，然后boottom：0。父元素注意要设置一下position：relative。因为绝对定位是相对于最近一个非static定位的元素的相对位置。 但是如果出现多个元素在同一父元素内 同时需要绝对定位移动位置，那么需要注意，如果直接这样做，会造成那些元素重叠，而不是与float一样的正常排布，这是因为他们有相同的父元素，使用绝对定位之后就都会移动到父元素的左边，而不是还处在原来的位置。
为了解决这种情况，需要给那些需要移动位置的元素 嵌套一个父元素，让他们的父元素去定位，给他们的父元素设置relative，这样原先的父元素就变成了爷元素。这样一来，再给他们设置完绝对定位加位置属性之后就不会出现重叠的效果，因为他们都是在父元素的限度内去移动，再跑也跑不出来。这样就又不重叠，又能贴近底部，但是需要注意。新嵌套的父元素需要一个固定的高度，高度要高于内部元素。不然他的高度就是被内部元素撑开的。
2、如果是文字（块级元素没试过，到时候可以试一下）。那么需要给包着文字的那个div设置成 display：table-cell+ vertical：bottom。这样文字就贴着div底部了。
拓展资料：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
参考资料：百度百科-CSS （层叠样式表）
可以使用css中的position来对div进行定位来改变div的位置，position属性值的含义：
static：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative：元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。
absolute：元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
fixed：元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身。
提示：相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。
通过设置display样式为table-cell。
1、定义div的css
<style>div{
display:table-cell
}
</style>
2、定义水平div
<body><div>1</div><div>2</div><div>3</div>
</body>
补充：
display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性。
