如何使div与其旁边的img高度相同？

要使div与其旁边的img高度相同，可以使用CSS的flexbox布局或者CSS的表格布局来实现。

1. 使用flexbox布局：
   • 在父容器中设置display为flex，使其成为一个flex容器。
   • 设置父容器的align-items属性为stretch，使子元素在交叉轴上拉伸填充整个高度。
   • 设置div和img元素的flex属性为1，使它们平均分配剩余空间。
   • 示例代码：<div class="container"> <div class="div"></div> <img src="image.jpg" alt="image" class="img"> </div>.container { display: flex; align-items: stretch; }

 .div, .img {

   flex: 1;

 }

 ```

1. 使用表格布局：
   • 将父容器设置为display: table，使其成为一个表格布局容器。
   • 将div和img元素设置为display: table-cell，使它们成为表格单元格。
   • 示例代码：<div class="container"> <div class="div"></div> <img src="image.jpg" alt="image" class="img"> </div>.container { display: table; }

 .div, .img {

   display: table-cell;

 }

 ```

以上两种方法都可以实现div与其旁边的img高度相同的效果。根据具体情况选择适合的方法即可。

（注：本回答中不涉及云计算相关内容，不提供腾讯云产品链接）