Html CSS静态页边距位于内容下方？

我试图在我的页面底部，在主内容区域下方获得一个50px的空间，这样无论用户的文本大小如何，或者页面内有多少内容，在内容区域之后总是有一个50px的空间，这将使容器div（透明）或body显示

这听起来相当简单，我也在为我的container div和body标签等设置边距和填充，但我一直没有运气。大小或内容的增加推动了我创建的任何空间

---

是否有一种通用的、干净的方法来产生这种效果？

您可以创建如下div：

height: 50px;
width: 100%;
position: fixed;
bottom: 0;

这只会创建一个高度为50px的白色框，它永远不会移动，并且会卡在浏览器的底部。这就是你想要达到的目标吗

---

如果内容仍在该div中运行，请尝试更改其z索引，使其位于其他元素之上。

如果看不到标记，很难判断，但可能是您的容器div没有清除其子元素，这可能解释了为什么底部的边距或填充不起作用

如果您在容器中浮动了div，那么这可能就是问题所在

有很多清除浮动的技术——搜索所有浮动的css浮动清除——一个快速的测试就是用float:none插入一个div；明确：两者皆有；在其他孩子的下面，看看这是否有区别。

---

我经常发现，在处理这些内容时，在容器上设置背景颜色很有用，然后在处理正确后将其删除。

这可能会奏效，但实际上我希望避免在标记中添加另一个div来获取空间。我没有页脚，我只是想在容器周围找到一些东西，如果你明白我的意思的话，也许可以处理体积变化的内容并保持空间。你说得对——我没有正确清除容器中的浮动元素。在那之后，利润表现得和我预期的一样。谢谢！=]