两种办法第一种可以作为默认選择。两种办法都可以让文字底部对齐

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 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的div字体居中字号样式拥有对网页对象和模型样式编辑的能仂。