图文混排中如何控制父元素的高度？

现有父容器（红色边框）包含两个子元素（黑色边框），如图所示，其中图片的高度较文字高。如何让父元素仅被文字撑开，而不被图片撑开？

解决方案：

• 绝对定位（absolute）：将图片子元素设置为绝对定位，使其脱离文档流，不再参与父元素高度的计算。

  

  AI舌诊面诊问诊医疗系统+诊疗商城系统源码

  AI 舌诊面诊问诊医疗系统 + 诊疗商城系统源码是一套结合 AI 辅助诊断与商品转化的健康类程序，基于浩创云、ThinkPHP（PHP）开发，支持微信服务号与 H5 端，适合做中医舌诊面诊问答、健康建议推送以及配套诊疗商品的运营。

  下载

  .image {
    position: absolute;
    left: 0;  /* 水平定位 */
    top: 0;   /* 垂直定位 */
  }

• 背景图（仅图片元素）：将图片设置为父元素的背景图，但需要注意可能被裁切。

  .container {
    background-image: url("./image.jpg");
    background-size: contain;  /* 限制背景图大小 */
  }

简单来说，使用绝对定位的方法更直接方便。