会尝试清楚地描述我的问题： 我有一个固定宽度的容器，左侧应该是图像，右侧应该是文本字段。当键入的文本转到下一个字符串时，容器的高度应该增加。同时我们应该随着容器高度的增加成比例地增加图像的高度和宽度，并减少文本字段的宽度。所以图像应该适合容器，同时不影响容器高度 我有这样简单的 html:
有人知道怎么做吗？这里有人加价极客吗？）
我尝试通过图像的position:absolute来做到这一点，那么容器可以仅依赖于文本字段的高度，但不清楚要增加该图像的宽度多少，并相应地减少文本字段。我还尝试通过 display: flex 简单地定位图像和文本字段，但在这种情况下，由于文本字段的高度动态变化 - height: auto 那么图像会拉伸容器的高度
我认为您正在寻找图像上类似
object-fit: cover