Css 同一页面上的多个Addthis按钮（绝对位置）仅显示第一个按钮

所以我有3个盒子，每个盒子都有一个小的共享按钮，它位于盒子的右上角（绝对css位置）

Addthis仅在第一个框上悬停时显示，如果css absolute被取出，则它将在所有框中工作。我试着在这个元素上设置绝对值，并把它放在绝对值容器中。两者都不起作用。我在这个网站上找不到一个例子

这是我尝试使用的绝对容器addthis，这个div在较大的div中

一些内容

<style>

.promotionItem{position:relative；}

#promotionsSlider .shareContainer {
 width: 30px;
 height: 29px;
 position: absolute;
 top: 0;
 right: 0;
 display: block;
}
</style>

#promotionsSlider.shareContainer{
宽度：30px；
高度：29px；
位置：绝对位置；
排名：0；
右：0；
显示：块；
}

您将所有共享按钮放置在彼此上方，通过使用绝对位置，它们不会尊重彼此在Dom中的位置。。。你需要根据你想让他们坐的位置给他们一个向左或垂直的绝对位置

下面我假设你有3个图标要定位，我将它们水平对齐

#promotionsSlider .shareContainer {
 width: 30px;
 height: 29px;
 position: absolute;
 top: 0;
 right: 0;
 display: block;
}

#promotionsSlider .shareContainer:nth-of-type(2) {
 right: 40px;
}

#promotionsSlider .shareContainer:nth-of-type(3) {
 right: 80px;
}

---

似乎您忘记将

position:relative

添加到父元素，但如果没有演示，则很难确定。很抱歉，我没有添加所有代码，是的，父元素具有该属性。问题不是定位，问题是Addthis不能正常工作，它只会在第一个框中显示为absolute。谢谢，我稍微澄清了代码，问题不是定位，问题是Addthis.com不能使用“absolute”