Css 里面有图像的Div会得到奇怪的效果

我有一些并排的容器，可能是空的，或者里面可能有图像

问题是，图像不是像一个简单的窗口一样，而是在div之外，其他div向下。如何解决此问题？我的代码：

div{
背景颜色：浅灰色；
显示：内联块；
高度：150像素；
宽度：100px
}
img{
高度：300px；
宽度：80px
}

---

问题是图像的固定高度大于div的固定高度

还可以使用Overflow属性使其隐藏/滚动

编辑

试试这个

在这里，我使用：

object fit CSS属性指定替换元素的内容应如何适合由其使用的高度和宽度建立的框

div{
背景颜色：浅灰色；
显示：内联块；
高度：150像素；
宽度：100px
}
img{
身高：100%；
宽度：100%；
对象匹配：包含；
}

问题是图像的固定高度大于div的固定高度

还可以使用Overflow属性使其隐藏/滚动

编辑

试试这个

在这里，我使用：

object fit CSS属性指定替换元素的内容应如何适合由其使用的高度和宽度建立的框

div{
背景颜色：浅灰色；
显示：内联块；
高度：150像素；
宽度：100px
}
img{
身高：100%；
宽度：100%；
对象匹配：包含；
}

要防止图像在大于父图像时溢出，请将

溢出：隐藏
添加到
div的规则中


div{
背景颜色：浅灰色；
显示：内联块；
高度：150像素；
溢出：隐藏；
宽度：100px
}
img{
高度：300px；
宽度：80px；
}
要防止图像在大于父图像时溢出，请将
溢出：隐藏
添加到
div的规则中


div{
背景颜色：浅灰色；
显示：内联块；
高度：150像素；
溢出：隐藏；
宽度：100px
}
img{
高度：300px；
宽度：80px；
}

图像的固定高度大于div的固定高度？是的，Armin。“简单窗口”是什么意思？您只想显示图像的一部分吗？你想缩小原来的尺寸，还是保持原样？你想让它把下限值调整到100%吗？有很多选择…我希望div的大小与其他的一样，所以可能会使它像一个带有滚动条的框架。然后我认为建议答案的组合非常适合你。拿一个带滚动条的，但要确保你的图像没有失真。所以要么将其中一个值保留为自动，要么也添加水平滚动。图像的固定高度大于div的固定高度？是的，Armin。“简单窗口”是什么意思？您只想显示图像的一部分吗？你想缩小原来的尺寸，还是保持原样？你想让它把下限值调整到100%吗？有很多选择…我希望div的大小与其他的一样，所以可能会使它像一个带有滚动条的框架。然后我认为建议答案的组合非常适合你。拿一个带滚动条的，但要确保你的图像没有失真。因此，要么将其中一个值保留为自动，要么也添加水平滚动。与其他两个解决方案不同，此解决方案至少不会扭曲图像。这样我就看不到图像的底部。请参阅我添加的替代解决方案。如果两种解决方案都不能解决您的问题，请编辑您的问题，以明确您希望实现的目标。与其他两种解决方案不同，此解决方案至少不会扭曲图像。这样我就看不到图像的底部。请查看我添加的替代解决方案。如果两种解决方案都不能解决您的问题，那么请编辑您的问题，以明确您希望实现的目标。图像是我不想要的。滚动到容器中如何？是的，我认为带overflow-y的答案看起来很好，除非有更好的我不知道的东西。图像是我不想要的。滚动到容器中怎么样？是的，我认为带overflow-y的答案看起来很好，除非有更好的我不知道的东西。