Question

我正在构建一个网站并试图在我的CSS文件中调整div图像的大小，尽管我无法做到这一点。我通过在CSS文件中的div名称后面添加img来修复此问题。在构建以前的网站时，我没有必要这样做，是否有修复或者我做错了什么？任何帮助将不胜感激。我将在下面提供一个例子。谢谢:)）

图片无法调整大小

HTML

<div class="example_image">
    <img src="example.jpg">
</div>

CSS

.example_image{
    width: 333px;
    height: 333px;
}

* 的CSS让我调整图片大小*

.example_image img{
    width: 333px;
    height: 333px;
}

Answer 1

通过这样做

.example_image{
    width: 333px;
    height: 333px;
}

您只是调整图像所在的div的大小。图像在调整大小的div中保持较小。

这个

.example_image img{
    width: 333px;
    height: 333px;
}

显式调整图像大小。由于div在此之后不能保持小，它也会重新调整大小。

在构建以前的网站时，我没有必要这样做，是否有修复或者我做错了什么？

如果您仍然设置要继承img的宽度和高度，则只能为true，如下所示：

.example_image{
    width: 333px;
    height: 333px;
}
.example_image>img{
   width:inherit;
   height:inherit;
}

<div class="example_image">
    <img src="example.jpg">
</div>

Answer 2