.container {
  display: flex;
  width: 100%;
}
.col {
  flex: 1;
}
img {
  height: 100%;
}

<div class="container">
  <div class="col">
    <img src="https://via.placeholder.com/150" alt="" />
  </div>
  <div class="col">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </div>
</div>

.container {
  display: flex;
  width: 100%;
}
.col {
  flex: 1;
  position:relative;
}
img {
  height: 100%;
  position:absolute;
}

<div class="container">
  <div class="col">
    <img src="https://via.placeholder.com/150" alt="" />
  </div>
  <div class="col">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  </div>
</div>

Html相关问答推荐

从收件箱获取内部HTML值

选中/取消选中带有_hyperscript的多个复选框

在一行中对齐文本和图标

在Firefox中，使用写入模式：Vertical-LR时，不随内容扩展的css弹性项

希望平稳过渡到悬停状态

我如何确保我的网格永远不会小于它的子网格

网格项未在同一行上对齐

太多的 Web 视图实例导致手机过热 Swift

复制两个

会产生一个空行；复制

元素不会

CSS 网格跨度行到所有行

如何只为 Navbar 中的一个元素提供动画，其余元素没有使用 css 的动画

HTML、CSS设计图像出格

如何清除html输入中的文本

font awesome 的 CDN/CSS 如何工作？

如何创建带有偏移边框线的双色边框？

列宽等于最宽列宽度的无界容器

尽管设置了 width：100% left：0，但居中对齐的 CSS 动画并不对称

SVG 适用于 Safari，不适用于 Chrome

那里有一个类似于 ？

在 EJS 中将元素放置在彼此下方的列中