Html 图像最大宽度不小于'；t展开父容器

我有图像缩略图浮动到左边。代码如下：

  <div id="imgContainer">
    <div>
     <a href="#" class="item"><img src="image.png" /></a>
    </div>
   </div>

问题是： 它仅按宽度将图像拉伸到290px。它似乎不影响高度。这会导致真正拉伸的缩略图。我需要它们的最大宽度为290px，高度应相应缩放。

添加：

#imgContainer img { height: 100% }

或

---

应该足够了。

任何未指定的维度都应该自动缩放，但您的图像可能继承了指示其他方面的样式。要恢复到自动缩放高度，应为

#imgContainer img

指定以下属性：

height: auto;

---

这对我来说很好。。。谢谢，大卫：）现在我有另一个问题。我应该设置父容器的高度，使其位于其余缩略图的下方？看看这个怎么样？我删除了这个位置：绝对的东西，因为我不知道你为什么要放在那里。戴夫，谢谢。但是，不幸的是，我需要绝对定位，因为每一组缩略图都有两个相互重叠的图像：/还有其他方法可以解决这个问题吗？你能举例说明你在JSFIDLE上做了什么，看看我是否能解决问题吗？很高兴我能帮上忙！你能把我的帖子标为答案吗？

#imgContainer img { height: auto }

height: auto;