图片和信息div不会自动占据相同的高度

是因为它们的高度由不同的因素决定。

首先，图片的高度通常由其原始尺寸决定。如果没有设置图片的高度属性，它将按照原始尺寸显示，可能导致与信息div的高度不一致。

其次，信息div的高度通常由其内容的多少决定。如果信息div中的文本内容较少，它的高度会相应较小。如果信息div中的文本内容较多，它的高度会相应较大。

为了使图片和信息div占据相同的高度，可以通过以下方法之一来实现：

1. 设置固定高度：可以通过为图片和信息div设置相同的固定高度来使它们占据相同的高度。但这种方法可能导致图片变形或信息div内容溢出。
2. 使用CSS Flexbox布局：使用Flexbox布局可以轻松实现图片和信息div的等高。将它们放置在一个父容器中，并将该父容器的display属性设置为flex，然后使用align-items属性将图片和信息div垂直对齐。
3. 使用JavaScript动态计算高度：可以使用JavaScript来动态计算图片和信息div的高度，并将它们设置为相同的高度。这可以通过获取图片和信息div的高度，然后将较小的高度应用于较大的元素来实现。

总结起来，要使图片和信息div自动占据相同的高度，可以使用CSS Flexbox布局或JavaScript动态计算高度的方法。具体选择哪种方法取决于实际需求和项目要求。

腾讯云相关产品和产品介绍链接地址：

• CSS Flexbox布局：https://cloud.tencent.com/product/css
• JavaScript动态计算高度：https://cloud.tencent.com/product/js