css div 内容靠左且在底部

在CSS中，如果你想要让`<div>`的内容靠左对齐并放在其容器的底部，你可以使用`flexbox`布局或者传统的`position`属性结合`bottom`和`left`。以下是两种方法的示例：

**使用Flexbox：**

.container {
  display: flex;
  align-items: flex-end; /* 将内容底对齐 */
  justify-content: flex-start; /* 将内容左对齐 */
}
.content-div {
  flex: 1; /* 自适应高度 */
}

在这个例子中，`.container`设置为`display: flex`使其变为弹性盒模型，`.content-div`则会自动沿着主轴（默认是左右方向）从头开始排列，并在交叉轴（默认是上下方向）上底对齐。

**使用Positioning：**

.container {
  position: relative; /* 定位包含元素 */
}

.content-div {
  position: absolute; /* 定位内容元素 */
  bottom: 0; /* 底部对齐 */
  left: 0; /* 左侧对齐 */
}

这里假设`.container`有一个确定的高度，`.content-div`设置了绝对定位，然后通过`bottom: 0`和`left: 0`将其放置在容器的底部和左边。