要将编程底部对齐，可以使用以下几种方法：
使用Flexbox布局
在父元素上设置 `display: flex`，使子元素垂直排列。
设置父元素的 `flex-direction` 属性为 `column`，使子元素垂直排列。
设置父元素的 `justify-content` 属性为 `flex-end`，将子元素对齐到底部。
示例代码：
```html
```
使用Position属性
设置父元素的 `position` 属性为 `relative`，使其成为子元素的相对定位参考点。
设置子元素的 `position` 属性为 `absolute`，使其脱离文档流。
设置子元素的 `bottom` 属性为 `0`，将其定位到父元素的底部。
示例代码：
```css
.container {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
}
```
使用Table-Cell布局
将父元素设置为 `display: table-cell`，并将 `vertical-align` 属性设置为 `bottom`，使子元素在父元素的底部对齐。
示例代码：
```html
```
根据具体需求和浏览器兼容性选择合适的方法。Flexbox布局在现代浏览器中广泛支持，而Position属性和Table-Cell布局在旧版浏览器中也有较好的兼容性。