Html 如何在div中设置图像的绝对位置

我正在尝试（未成功）设置div中稍微靠近的图像的绝对位置。无论div的内容如何，图像都应显示在div的左侧。该内容是一个最大长度为8个字符的文本标签 问题：图像的位置取决于文本的长度，但事实并非如此！ 如果文本为“Er”和“erica”，我希望图像的位置仍然相同

div.TAG{
边界半径：3px；
边框：1px实心#FF00FF；
背景：#FF99FF；
颜色：#FF00FF；
宽度：60px；
高度：17px；
浮动：左；
填充：1px；
盒影：3px 3px 5px#555；
z指数：1；
保证金：3倍；
}
.icon_supper{
显示：内联块；
高度：12px；
宽度：12px；
位置：相对；顶部：0px；左侧：35px；
}
埃里克

任何想法？？？

您的

是相对定位的，这意味着它将根据元素在执行之前所做的事情来确定其位置。要绝对定位图像，需要将position:absolute添加到

图标\u suppr

类中

.icon_suppr {
  display: inline-block;
  height: 12px;
  width: 12px;
  position:absolute; top:0px; left:35px;
}

您的

是相对定位的，这意味着它将根据元素在执行之前所做的操作来确定其位置。要绝对定位图像，需要将position:absolute添加到

图标\u suppr

类中

.icon_suppr {
  display: inline-block;
  height: 12px;
  width: 12px;
  position:absolute; top:0px; left:35px;
}

---

只需将子对象设置为

position:absolute

，将父对象设置为

position:relative

在上面的示例中，我将

div

放大一点，仅用于演示。它将始终是父div的

top:0

和

left:35px

div.TAG{
位置：相对；/*只需将子项设置为
position:absolute
，将父项设置为
position:relative


在上面的示例中，我将
div
放大一点，仅用于演示。它将始终是父div的
top:0
和
left:35px


div.TAG{
位置：相对；/*如果要将图像绝对设置在另一个div中，则应将相对/绝对/固定位置添加到其父级

div.TAG {
        border-radius: 3px;
        border: 1px solid #FF00FF;
        background: #FF99FF;
        color: #FF00FF;
        width: 60px; /* Evite que texte dépasse de la div */
        height: 17px;
        float:left;
        padding: 1px;
        box-shadow: 3px 3px 5px #555;
        z-index: 1;
        margin: 3px;
      position:relative;
    }

    .icon_suppr {
        display: inline-block;
        height: 12px;
        width: 12px;
        position:absolute; top:0px; left:35px;
    }

若要将图像绝对设置在另一个div中，则应将相对/绝对/固定位置添加到其父级

div.TAG {
        border-radius: 3px;
        border: 1px solid #FF00FF;
        background: #FF99FF;
        color: #FF00FF;
        width: 60px; /* Evite que texte dépasse de la div */
        height: 17px;
        float:left;
        padding: 1px;
        box-shadow: 3px 3px 5px #555;
        z-index: 1;
        margin: 3px;
      position:relative;
    }

    .icon_suppr {
        display: inline-block;
        height: 12px;
        width: 12px;
        position:absolute; top:0px; left:35px;
    }

将
位置：相对
添加到
。标记
，但将
位置：绝对
添加到
。图标\u支持

将
位置：相对
添加到
。标记
，但
位置：绝对
添加到
。图标\u支持

请注意将答案标记为“接受”，如果它对你有帮助。请更新你的答案，为父母的位置和对孩子的绝对位置。“Erxx很高兴我能帮助！”：请考虑将答案标记为“接受”，如果它对你有帮助。请更新你的答案，相对于父母和ABS的位置。对孩子来说是绝对的。