Html 自动高度div上的Img高度

嗨，伙计们，我从几个星期以来一直在努力解决这个问题。 我有一个自动高度容器，容器中的左div是自动高度，因为它可以包含各种不同的内容。 右边的div总是有图像，但我不知道图像的高度

如何使图像不超过左侧内容的高度

.container{
浮动：左；
宽度：100%；
高度：自动；
边框：2件纯黑；
}
.leftContainer{
浮动：左；
宽度：48%；
边框：2件纯黑；
}
.rightContainer{
宽度：50%；
浮动：左；
}
img{
最大宽度：100%；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。

我将使用flex创建布局，并使用绝对位置使图像脱离流，这样它就不会给容器提供高度，因此高度将等于左侧的高度。然后，只需调整图像的属性，使其适合您需要的容器：

.container{
显示器：flex；
边框：2件纯黑；
}
.leftContainer{
弹性：1；
边框：2件纯黑；
}
.rightContainer{
弹性：1；
位置：相对位置；
}
img{
位置：绝对位置；
排名：0；
最大高度：100%；/*或高度：100%*/
最大宽度：100%；
/*如果需要，将图像居中*/
左：50%；
转化：translateX（-50%）；
/**/
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。

你到底想做什么？让图像与左容器中的文本具有相同的高度？是的，这正是我想做的，但问题是左容器中的文本在高度上可能是可变的。酷，我刚刚发布了你的答案。：）你不可能用它作为div的背景吗。。并通过“背景属性”中的其他设置控制位置和大小。您可能正在使用“位置技巧”查找对象适合度，有关详细信息，请参见此处。谢谢，我明天将在我的项目中试用，然后再与您联系，但您的解决方案看起来很可靠。@user9174675我还添加了另一个想法；）我没有注意到您添加了flexbox。我删除了我的答案。：）复制粘贴不是故意的。背景img解决方案的唯一问题是，如果图像很小，则会将图像拉伸到原始大小之外。例如：@user9174675没有问题，只需在背景尺寸较小时使用

auto

）