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

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

===============>>#1 票数:6

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

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

===============>>#2 票数:4 已采纳

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

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

  ask by Tom translate from so

未解决问题?本站智能推荐:

1回复

浮动元素会忽略填充吗?

该答案指出: 当您浮动元素时,它会有效地将其从文档流中删除, 因此在其父元素上添加填充不会对其产生影响 。 [...] MDN还指出 : 浮动元素时,它会从文档的正常流程中移除。 它向左或向右移动,直到接触其包含框或另一个浮动元素的边缘 。 好吧,以某种方
2回复

布局问题(浮动/填充)

遇到布局问题,试图了解浮动元素以及如何定位元素。 对CSS / HTML非常新。 有人可以帮助我了解这种布局如何工作。 一些问题: 1)无法在不破坏布局的情况下更改页脚的高度,页脚似乎被向上推。 2)当我通过chrome检查页面时,页脚div包含在代码中的'wrapper'di
4回复

浮动元素上的填充[关闭]

如何在浮点数中添加填充:正确的项目,而不是让它搞乱一切? 填充不应该在内部而不是在外面工作? 看看绿色部分的填充会发生什么: http : //lauradifazio.altervista.org/cms/
1回复

浮动填充导致浮动扩展

我正在为网站创建一个简单的2列布局,但遇到了一些问题。 当我在使用float:left的列中添加填充时,float会扩展到我定义的宽度之外。 我似乎在任何地方都找不到答案。
3回复

CSS部分填充以通过背景图像浮动文本

我有背景图像,并使用填充文本。 JsBin: 例 HTML: CSS: 题: 如何仅对div的部分使用填充? 输出: 我的试用: 将空div (100x100)放在应有background-image位置,然后将float:left添加
2回复

在其他div浮动的div中填充

这是JSFiddle链接: http://jsfiddle.net/stapiagutierrez/48yGU/34/ 当我使用padding: 10px; 在#middle div上,我认为这会使内部包含的div变小以适合填充。 这部分是正确的,它是从顶部和左/右推动的,但
2回复

马赛克样式的图像网格,浮动和边距

我的主页是一系列小图像(用于导航),这些图像排列成一个完美的矩形。 我的计划最初是使用<ul>并创造性地使用了float和margin但是我不再确定这是最佳选择。 实现此效果的最简单方法是什么?
1回复

如何在div的两侧都具有相同的填充。 CSS

我有这个元素: 我的目标是使菜单栏div的内容居中。 使用display: table; margin:auto; 实现了这一点,但是我正在使用的背景图像被裁剪为仅适合div的内容: 因此,我有了另一个版本,该版本在两侧都添加了50%的填充,但是问题是结果的总宽度为10
1回复

当浮动对象元素位于内部时填充

我有下面的HTML: 和的CSS是: 由于某种原因,应用于#header的正确填充无效; 有任何想法吗?
2回复

CSS:为什么容器上的填充或边框会改变封闭浮动的行为?

有人可以向我解释为什么向容器元素添加填充或边框会影响浮动div的显示方式吗? 样本1和4显示了我的期望。 样品2和3没有。 这真让我抓狂! 它在Webkit和FireFox中都表现得很奇怪。 没有测试IE。