加载资源失败：服务器响应状态为 404（未找到）但显示图像答案

【问题标题】：Failed to load resource: the server responded with a status of 404 (Not Found) but image shows up加载资源失败：服务器响应状态为 404（未找到）但显示图像
【发布时间】：2021-01-03 11:55:01
【问题描述】：

尝试使用 flexbox 来证明我的内容的合理性，然后出现以下代码： 加载资源失败：服务器响应状态为 404（未找到）

图像确实显示出来了。但图像不动。

<div class="portrait-container">
      <div class="frame">
          <img class="portrait" alt="image" src="./image.png"/>
      </div>
</div>

.portrait-container {
    display: flex;
    justify-content: flex-end;
}

图片也在我的文件夹中。

【问题讨论】：

标签： html css visual-studio-code directory-structure

【解决方案1】：

使用风格标签

<style>
.portrait-container {
    display: flex;
    justify-content: flex-end;
}
</style>

【讨论】：

我不想在我的 html 中使用样式标签。我想把它保存在我的 CSS 样式表中
然后将该部分放在 css 样式表中