Html Div中最大宽度的图像不工作

我正在对包含图像的div应用

max width

，但是图像忽略了应用的值

截图：

片段：

。屏幕截图{
最大宽度：460像素；
利润率：27px；
}
.说明{
最大宽度：705px；
}

您在屏幕截图中看到的文本。

最大宽度必须在图像上

图像元素不在乎它们的父元素告诉它们的维度是什么——它们只是简单地拉伸父容器以适应任何方式

编辑：例如，您可以创建一个选择器为.screenshot img的新规则，然后在其中应用最大宽度

---

编辑如果您使用ID尝试此规则，它将不起作用，它仅适用于类。

以下是一些您可以尝试的选项

尝试使用div.screenshot{max width:460px}来加强目标选择

尝试使用id标记而不是div，因为id标记具有更高的优先级

---

尝试添加！在您的div中很重要，即屏幕截图{max width:460px！important}

img位于一个div中，其上调用了类。这不应该吗？div是img的父容器。将“最大宽度”属性放在父对象上不会下降到img。“最大宽度”属性必须位于img上。相反，您可以创建一个以img为目标的规则，并应用max width属性。我在img标记中移动了class=“screenshot”，它成功了。你是说唯一的替代方法是将css改为img{max..}而不是截图{..}？如果我写了.screenshot img，我会怎么做？你也可以把截图类放在图片中。例如然后你可以有一个选择器，上面写着。屏幕截图，它会工作的。屏幕截图IMG选择器是一个后裔选择器，意味着从调用类截图的元素中降下的任何图像都将是有针对性的。请考虑投票。1000 +视图和1上投票。干得好，所以。