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

【问题标题】：Padding issue when floating elements inside container容器内浮动元素时的填充问题
【发布时间】：2012-01-18 01:10:15
【问题描述】：

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

我也尝试了边距等等，但没有用。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

将你的容器也向左浮动，然后添加底部边距应该可以解决它

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

【讨论】：

谢谢！像魅力一样工作。我还发现您可以通过在容器 DIV 中指定 UL 的高度来解决此问题。但是，如果您打算更新它们并添加新的列表项，这不是最佳解决方案，因为您必须一直更改高度。所以，再次感谢您的回答。完美运行！ :)