Html 容器内浮动元素时的填充问题

我试图通过在节容器中添加底部填充来在页面的某些节之间添加垂直空间，但我无法让它工作。我假设这与以下事实有关：容器中有未排序的列表，并且列表项是浮动的（使用

float:left；

）

---

我也尝试过使用边距之类的工具，但没有效果。

也可以将容器向左浮动，然后添加底部边距可以解决问题

#developers, #contributors, #playtesters
{
    float: left;
    margin-bottom: 30px;
    ...
}

---

将容器向左浮动或将溢出设置为“自动”。使用这两种解决方案，您仍然需要设置边距来创建上述间距

#developers, #contributors, #playtester {
  overflow:auto;
}

---

谢谢工作得很有魅力。我还发现，您可以通过指定容器分区内UL的高度来解决此问题。不过，如果您计划更新它们并添加新的列表项，这并不是最好的解决方案，因为您必须随时更改高度。所以，再次感谢你的回答。很好用！：）