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将其放置在容器的底部和左边。