我正在尝试在我的页面底部，主要内容区域下方获得50px的空间，这样无论用户在哪个文本大小，或者页面内部有多少内容 - 总会有在内容区域之后进行50px的空间，这将使容器div（透明）或正文显示。
这听起来相当简单，而且我已经摆弄了设置边距和填充到我的容器div和身体标签等，但我没有运气。大小或内容的增加推动了我设法创建的任何空间。
是否有一种通用的，干净的方法来产生这种效果？
答案 0 :(得分：2)
很难说没有看到标记，但可能是你的容器div没有清除它的子元素，这可能解释了为什么底部的边距或填充不起作用......
如果你在容器内部浮动了div，那么这可能就是问题所在。
有许多清除浮点数的技术 - 搜索所有'em的css浮动清除 - 快速测试将放入div中的float：none; clear：both;低于其他孩子，看看是否有所作为。
我经常发现在处理这些东西时在容器上设置背景颜色很有用，然后在你正确的时候删除它。
答案 1 :(得分：0)
您可以创建一个这样的div：
height: 50px;
width: 100%;
position: fixed;
bottom: 0;
这将只创建一个高度为50px的白色盒子，它永远不会移动而且会卡在浏览器的底部。这是你想要实现的目标吗？
如果内容仍在运行此div，请尝试更改它的z-index，使其位于其他元素之上。