Html 如何使用CSS和引导在面板div顶部添加图像图标？

我想在引导面板顶部添加一个图标。到目前为止，我实现了我想要的。

但当我调整浏览器大小时，它根本没有响应。我不是CSS或JS专家，你能帮我吗

img
{
边缘底部：-5px；
宽度：计算（100%，2）；
高度：120px；
左边距：540px；
}

小组标题
面板内容
小组标题
面板内容

类似的东西

img{
边缘底部：-5px；
宽度：20%；
最大宽度：85px；
最小宽度：60px；
高度：自动；
左缘：80%；
}

小组标题
面板内容
小组标题
面板内容

类似的东西

img{
边缘底部：-5px；
宽度：20%；
最大宽度：85px；
最小宽度：60px；
高度：自动；
左缘：80%；
}

小组标题
面板内容
小组标题
面板内容

与其在

img

中添加

左边距

，不如添加

浮动：右边

，然后在

div

下方使用

清除：两者

。然后，如果您想让图像稍微缩进，只需在其上添加一个

右边距

img
{
边缘底部：-5px；
宽度：计算（100%，2）；
高度：120px；
浮动：对；
}
.面板危险{
明确：两者皆有；
}

小组标题
面板内容
小组标题
面板内容

与其在

img

中添加

左边距

，不如添加

浮动：右边

，然后在

div

下方使用

清除：两者

。然后，如果您想让图像稍微缩进，只需在其上添加一个

右边距

img
{
边缘底部：-5px；
宽度：计算（100%，2）；
高度：120px；
浮动：对；
}
.面板危险{
明确：两者皆有；
}

小组标题
面板内容
小组标题
面板内容

使用此CSS代码：

img
{
  max-width: 100%;
  height: auto;
  width: auto\9;
}

使用以下CSS代码：

img
{
  max-width: 100%;
  height: auto;
  width: auto\9;
}

---

如果浏览器变小了会发生什么？它只停留在一个地方。@piawurtzbach但是你想在调整大小时发生什么？图标应该放在哪里？我希望图标根据面板的大小移动。如果浏览器变小了会发生什么？它只停留在一个地方。@piawurtzbach但在调整大小时您希望发生什么？图标应该放在哪里？我希望图标根据面板的大小移动。是的，这一个。谢谢。是的，这个。谢谢。这个比第一个好。谢谢。@piawurtzback谢谢，如果您认为答案是正确的，请将其标记为答案！：）这个比第一个好。谢谢。@piawurtzback谢谢，如果您认为答案是正确的，请将其标记为答案！：）