CSS静态margin-bottom低于内容？

Question

我试图在我的页面底部，主要内容区域的下方实现一个50px的空间，以便无论用户处于何种文本大小，或页面内有多少内容 - 总会有一个在内容区域之后进行50px的空间，这将使容器div（透明）或正文显示。

听起来相当简单，我已经调整了设置边距和填充到我的容器div和身体标签等，但我没有运气，所以曾经。规模或内容的增加推动了我设法创造的任何空间。

是否有产生这种效果的一般的干净方法？

Answer 1

很难说没有看到标记，但它可能是你的div容器不清除其子元素，这或许可以解释为什么在底部保证金或填充，没有工作...

如果你有浮在容器内部的div，那可能是问题所在。

有许多清理浮动的技巧 - 搜索所有浮动css浮动清除 - 一个快速测试将放在一个div浮动：none;清除：两个;低于其他孩子，看看这是否有所作为。
我经常发现在容器上设置背景颜色的时候很有用，然后在你弄清它的时候去掉它。

Answer 2

您可以创建这样一个div：

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

这将只是创建高度50像素的白色方块，将永远不会移动，它停留在浏览器的底部。这是你想要达到的目标吗？

如果内容仍然通过此div运行，请尝试更改它的z-index，以使其位于其他元素之上。