Html 在容器内将元素彼此堆叠在一起

我在一个列表中有多个元素。我想把它们都叠在一起。在它们上使用

position:absolute

归档了这个结果，但是我似乎不知道如何将它们保持在网格空间内（我使用的是）。我尝试添加一个带有

position:relative

的包装器，但无法使其工作

---

如何堆叠所有列表元素并仍然尊重网格？

您可以将li的包含元素设置为position:relative，就像响应项（或其中的另一个元素）一样，然后将li的to position:absolute

.rel {position:relative;} // this could be on .col or a new element inside it
li {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
}

---

列表堆栈列表是否与圆圈在同一行。或者圆圈应该位于新的居中行？堆叠ul和圆圈居中？圆圈不应该堆叠并被列表向下推。是的，我使用了Taruckus回答，并在

行

元素中添加了填充。