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

Question

我试图通过在部分容器中添加底部填充来在页面的某些部分之间添加垂直空间，但我无法使其工作。 我认为这与我在容器中有未排序的列表并且列表项是浮动的事实有关（使用float: left; ）。

我也尝试过利润而不是，但无济于事。

Answer 1

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

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

Answer 2

同时向左浮动容器，然后添加底部边距应该修复它

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