Bootstrap：如何固定面板高度并使面板内部的图像遵循该固定高度？

Question

我正在将图像放入自举程序的面板中，但是无论我做什么，面板的高度始终会调整为图像的高度。如何设置固定的面板高度，如何使图像的高度调整为面板的固定高度？

Answer 1

如果面板已经具有固定的高度，并且图像位于面板div内，则只需添加以下样式：

height: 100%;

显示您的图片。

示例：

<div class="test">
<img src="test.jpg">
</div>

还有您的CSS：

.test {
  background-color: red;
  height: 50px;
}

.test img {
  height:100%;
}