Html 在a<；的右下角放置引导徽章；李>；an的元素<；ul>；未知元素列表？

我的难题是：我试图相对于列表的常规流程进行绝对定位，因为我不知道在任何给定的时间会有多少个，但我的徽章取而代之的是

元素的绝对位置

我的代码：

。按钮{
-webkit转换：翻译（50%，-50%）；
位置：绝对位置；
顶部：148px；
文本对齐：居中；
右：50%；
列表样式：无；
保证金：自动；
填充：0；
}
李先生{
显示：内联；
字体大小：36px；
保证金：5px；
}
.伯爵{
z指数：1；
位置：绝对位置；
顶部：2个；
右：18px；
背景色：#d9534f；
}

三,

您必须在列表项中添加

位置：相对

：

.buttons li {
  display: inline;
  font-size: 48px;
  margin: 5px;
  position: relative;
}
.count {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #d9534f;
}

---

这样的东西应该适合你的需要：

.count {
    z-index:1;
    position:relative;
    top:5px;
    right:18px;
    margin-right:-25px;
    background-color:#d9534f;
}

刚刚将位置更改为相对，添加了一个负的右边距，并稍微调整了其他变量。

.badge

不会浮动在

.list

图标的右下角

---

这是可行的，但我必须对字体大小进行硬编码，以获得右下角。你知道怎么从那个角落起锚吗？我想我知道了。右：0px；从右边开始，对吗？再次感谢你的回答。