Html 使用css伪元素的绝对/相对定位

新的css在这里。使用span标记的语音气泡应该相对于父容器进行定位

如何在不影响伪元素显示的情况下实现这一点

HTML（示例）：

---

非常感谢您的建议

应该对子元素应用绝对定位

#divcontainer {
    position: relative;
}
span {
    position: absolute;             
    left: 18px;
    top: -15px;
}

如果元素具有绝对值，则该元素将绝对定位到其第一个定位的父元素。

---

在您的情况下，

#divcontainer

是第一个定位的父级

应该对子元素应用绝对定位

#divcontainer {
    position: relative;
}
span {
    position: absolute;             
    left: 18px;
    top: -15px;
}

如果元素具有绝对值，则该元素将绝对定位到其第一个定位的父元素。

---

在您的情况下，

#divcontainer

是第一个定位的父级

您可以应用

位置：绝对

同时指向子元素（

span

）及其伪元素。两者的位置将与相对定位的父元素相关，因此也将彼此相关

#divcontainer
{
位置：相对位置；
宽度：200px；
高度：200px；
背景：ddd；
}
跨度
{
位置：绝对位置；
左：30px；
顶部：85px；
空白：nowrap；
字体大小：12px；
背景：白色；
边框：1px纯白；
边界半径：7px；
垫底：5px；
}
跨度：之后{
内容：''；
位置：绝对位置；
底部：0；
左：45%；
宽度：0；
身高：0；
边框：18px实心透明；
边框顶色：白色；
边界底部：0；
左边框：0；
边缘底部：-15px；
}

跨度单元

您可以应用

位置：绝对

同时指向子元素（

span

）及其伪元素。两者的位置将与相对定位的父元素相关，因此也将彼此相关

#divcontainer
{
位置：相对位置；
宽度：200px；
高度：200px；
背景：ddd；
}
跨度
{
位置：绝对位置；
左：30px；
顶部：85px；
空白：nowrap；
字体大小：12px；
背景：白色；
边框：1px纯白；
边界半径：7px；
垫底：5px；
}
跨度：之后{
内容：''；
位置：绝对位置；
底部：0；
左：45%；
宽度：0；
身高：0；
边框：18px实心透明；
边框顶色：白色；
边界底部：0；
左边框：0；
边缘底部：-15px；
}

跨度单元

伪元素也会受到影响吗？它是否将相对于跨度标记进行定位？谢谢伪元素也会受到影响吗？它是否将相对于跨度标记进行定位？谢谢

#divcontainer {
    position: relative;
}
span {
    position: absolute;             
    left: 18px;
    top: -15px;
}