Html 防止图像从父图像中流出的最简单有效的方法是什么<；部门>；

我对下面的代码有一些问题。应该发生的是图像整齐地放在卡片内，边缘有一些填充物。相反，它从父div流出

代码：

早上好，管理员
早晨是新想法的开始
">

.card{
边界半径：var（--边界半径）；
背景色：var（--页面背景色）；
盒影：var（--盒影）；
光标：指针；
填充：8px；
边际：13px0；
边框：2倍实心透明；
过渡：.3s；
颜色：var（--字体颜色）；
对象匹配：包含；
}
.问候语{
背景重复：无重复；
背景位置：右；
背景尺寸：55px；
填充：10px；
}
.问候img{
背景重复：无重复；
背景位置：右；
背景尺寸：55px；
填充：10px；
}
.问候语.问候语文本{
单词包装：打断单词；
溢出：隐藏；
}

有什么简单的解决办法呢？我的目标是把图像整齐地放在卡片里

---

我尝试过对象匹配：包含和其他解决方案，但要么我没有正确执行，要么是其他问题。

不要想太多，您没有将图像作为背景图像，所以需要使用背景属性

.greeting img {
  max-width: 100%;
  height: auto;
}

---

我也遇到过类似的情况。其中一个有效的方法就是使用

<div class="container"> 

这帮了我的忙。

---

检查这篇文章。

它仍然是从父div代码>流。卡< /代码>这里是：删除您的样式中的高度为卡，它将使全高度图像为父<代码>卡< /代码>溢出溢出在父。现在没有时间，但考虑检查这是否已经被回答。它切断了图像。