指定CSS中的图像高度无效

在CSS中，如果指定了图像的高度，但发现高度无效，可能有以下几种解决方法：

1. 检查CSS选择器的正确性：确保你使用了正确的选择器来指定图像元素。可以通过检查选择器是否正确匹配到图像元素来确认。

img {
  height: 200px; /* 正确的选择器 */
}

2. 检查CSS样式优先级：如果有多个样式规则作用在同一个图像元素上，确保你的高度样式规则具有足够高的优先级。可以使用更具体的选择器或使用!important来提高优先级。

img.header-image {
  height: 200px !important; /* 使用!important提高优先级 */
}

3. 检查其他样式规则是否覆盖了高度属性：有时其他样式规则可能会覆盖高度属性。可以使用开发者工具检查元素的样式规则，确定是否有其他属性覆盖了高度。

4. 检查图像本身的尺寸：如果指定的高度超过了图像本身的高度，那么指定的高度可能会被忽略。确保图像的尺寸能够满足指定的高度。

5. 检查CSS盒模型属性：有时候设置了高度，但由于使用了不正确的盒模型属性，导致高度无效。检查是否正确设置了盒模型属性，例如box-sizing。

img {
  height: 200px;
  box-sizing: border-box; /* 正确设置盒模型属性 */
}

通过以上方法，你应该能够解决CSS中指定图像高度无效的问题。请根据具体情况选择合适的解决方法。