解决神奇的页脚问题答案

【问题标题】：Solving the magical footer issue解决神奇的页脚问题
【发布时间】：2011-06-10 13:52:48
【问题描述】：

如果您快速浏览一下我正在设计的这个网站：http://milabalami.com

页脚中的黑线是我要修复的。无论如何，我可以将该页脚放在页面内容（包装器）的底部吗？自从表格的黄金时代以来，我没有做过任何网页设计，所以 CSS 对我来说是很新的。

谁能帮助这位老人？由于我是 CSS 样式的新手，请在任何回复中具体说明...

【问题讨论】：

也许我误解了您的要求，但是exactly 您希望页脚放在哪里，因为据我了解，您的页面代码是由一段 javascript 重新定位的。那么你到底在追求什么，你尝试过哪些没用的？
我希望页脚位于内容的底部。因此，根据主体包含的内容，页脚应该在它的正下方。将其视为 HTML 表格，这应该有意义吗？

标签： css stylesheet position footer

【解决方案1】：

你的意思是你想消除包装和黑线之间的差距？如果是，只需将 #blackbox2 边距更改为 margin: 0 auto 15px;

【讨论】：

我添加了该解决方案，如果您查看此页面：miladalami.com/?page_id=9 您会看到黑线与左侧菜单重叠。有什么解决办法吗？？

【解决方案2】：

你有：

#blackbox2 {
background-color: black;
bottom: 0%;
height: 33px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 11%;
position: relative;
top: auto;
width: 900px;
z-index: 12;
}

尝试删除margin-top: 11%。这与“父高度的 11%”相匹配，这就是为什么您的 blackbox2 离它上面的包装器这么远。

【讨论】：

之所以有 11% 的边距是因为它与菜单重叠

【解决方案3】：

这是否解决了您的问题 - http://www.cssstickyfooter.com/ ？

【讨论】：

不，将页脚带到屏幕底部。我想要内容底部的页脚。
所以基本上，根据内容的高度，这就是页脚结束的地方。我希望这是有道理的。
这是默认行为。检查 Sotiris 的答案，也许可以为您解决？