Html “自动高度父对象”中的“底部对齐”图像

我有两个高度相同但内容不同的div。此内容由CMS动态生成。但是，我想使图像和按钮始终位于div的底部。我如何才能做到这一点？因为我只有在使用固定高度时才能使用它，所以我从不使用高度：自动

这是我的HTML/CSS代码片段

.box:n个类型（2n+1）{
保证金权利：10%；
}
.盒子{
宽度：45%；
高度：自动；
背景色：#ffffff；
盒影：0 15px 14px-3px#d1daeb；
}
.方框a{
字体大小：16px；
字号：600；
字母间距：-0.2px；
颜色：#602b96；
填充：15px 50px；
文字装饰：无；
}
.方框a：悬停{
颜色：#ffffff；
}
.包厢部{
填充：35px40px40px40px；
}
.box img{
填充顶部：35px；
宽度：100%；
}

我的小提琴

知识是一种美德，是一种美德，是一种美德，是一种美德

我的小提琴

知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德

您可以通过flex实现这一点。这些是我添加的样式

body {
    margin:0;
    display: flex;
}
.box {
    display: flex;
    flex-direction: column;
}
.box img {
    margin-top: auto;
    padding-top: 35px;
    width: 100%;
}

---

正文{
保证金：0；
显示器：flex；
}
.框：第n个类型（2n+1）{
保证金权利：10%；
}
.盒子{
显示器：flex；
弯曲方向：立柱；
宽度：45%；
高度：自动；
背景色：#ffffff；
盒影：0 15px 14px-3px#d1daeb；
}
.方框a{
字体大小：16px；
字号：600；
字母间距：-0.2px；
颜色：#602b96；
填充：15px 50px；
文字装饰：无；
}
.方框a：悬停{
颜色：#ffffff；
}
.包厢部{
填充：35px40px40px40px；
}
.box img{
页边顶部：自动；
填充顶部：35px；
宽度：100%；
}

我的小提琴

知识是一种美德，是一种美德，是一种美德，是一种美德

我的小提琴

知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德

您可以通过flex实现这一点。这些是我添加的样式

body {
    margin:0;
    display: flex;
}
.box {
    display: flex;
    flex-direction: column;
}
.box img {
    margin-top: auto;
    padding-top: 35px;
    width: 100%;
}

---

正文{
保证金：0；
显示器：flex；
}
.框：第n个类型（2n+1）{
保证金权利：10%；
}
.盒子{
显示器：flex；
弯曲方向：立柱；
宽度：45%；
高度：自动；
背景色：#ffffff；
盒影：0 15px 14px-3px#d1daeb；
}
.方框a{
字体大小：16px；
字号：600；
字母间距：-0.2px；
颜色：#602b96；
填充：15px 50px；
文字装饰：无；
}
.方框a：悬停{
颜色：#ffffff；
}
.包厢部{
填充：35px40px40px40px；
}
.box img{
页边顶部：自动；
填充顶部：35px；
宽度：100%；
}

我的小提琴

知识是一种美德，是一种美德，是一种美德，是一种美德

我的小提琴

知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德

您可以使用

flex

实现这一点，并更改一些

html

.box包装器{
显示器：flex；
对齐项目：拉伸；
}
.框：第n个类型（2n+1）{
保证金权利：10%；
}
.盒子{
宽度：45%；
高度：自动；
背景色：#ffffff；
盒影：0 15px 14px-3px#d1daeb；
对齐项目：开始；
显示器：flex；
弯曲方向：立柱；
}
.方框a{
字体大小：16px；
字号：600；
字母间距：-0.2px；
颜色：#602b96；
填充：15px 50px；
文字装饰：无；
}
.方框a：悬停{
颜色：#ffffff；
}
.包厢部{
填充：35px40px40px40px；
}
.box img{
填充顶部：35px；
宽度：100%；
}
泰山汽车公司{
页边顶部：自动；
}
.p-0{
填充：0！重要；
}

我的小提琴

知识是一种美德，是一种美德，是一种美德，是一种美德

我的小提琴

知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。知识是一种美德，是一种美德，是一种美德，是一种美德。洛雷姆一世