Html 如何防止图像溢出内联块容器

我有一个网站，我正在为客户整理。一切都进行得很顺利，直到我遇到了一个看似简单的问题，但我以前从未处理过，也找不到解决办法的问题

我正在尝试设置一个2列的处理，一边是标题和文本，另一边是图像。我在各自的容器div中有图像和文本。div的显示设置为“inline block”，因此，图像不会缩小以适应其div。有简单的解决方案吗

代码如下：

HTML

标题
正文

CSS

.col{
显示：内联块；
宽度：45%；
垂直对齐：顶部；
边缘底部：20px；
}

---

同样，我知道这可能非常简单（或者由于某些原因完全不可能），但是任何帮助都将不胜感激。

只需在CSS中添加

宽度：100%

.colimg{
宽度：100%；
}

或者您可以将其放入

---

图像将与父元素的最大宽度成比例增长。如果没有明确设置宽度，它将以其原始大小显示。

我尝试过，但它只是将图像拉伸，有没有办法做到这一点并保持纵横比？编辑：没关系，我只需要加上“高度：自动”，谢谢！