Html 主管道（带所有现场的div）工作不正常

我想做页脚。我有主div有所有的页面和主外，有div称为页脚。所以我的问题是主要的是只有137px，但页面更大。因此，页脚在顶部，而不是底部。以下是我正在使用的html和css：

jsfiddle.net/gEgK9

---

怎么了？（查看css中的

#footer

和

#main

）

这是玩

位置：绝对值

（或任何其他非

静态的
位置
值）的价格。定位将从流程中删除您的元素。这意味着，与
position:static
相同上下文中的所有其他元素将被呈现，就好像该元素根本不存在一样

您必须使用
position:absolute；底部：0以将页脚移到底部。不要忘记，您必须计算边距和其他位置，以确保页脚不会与其他元素碰撞。但是，我建议您考虑一下当前的情况，问问自己是否真的需要对主要内容进行绝对定位。
尝试使用相对单位，如%或em来表示元素的高度，而不是px。相对长度单位在不同渲染介质之间的缩放效果更好。查看详细信息：
我不明白你的问题。但对于那些这样做的人来说，这里有一把小提琴：如果我把
#内容
位置
从
绝对
更改为
静态
这会弄乱我的页面，正如我已经告诉过你的，你可以使用
位置：绝对；页面底部：0
。然而，您当前的CSS和标记可能有点复杂。尽量保持简单，这对你来说应该更容易。但我想为我的网站上的所有页面做页脚。我不知道高度，所以我不知道把我的脚放在哪里。@theShay:这就是为什么定位总是一个可怕的野兽。您可以尝试将页脚移出
#main
div，并将
边距
应用于
#main
。但是，如果
#main
包含任何绝对定位元素，则此操作无效。同样，试着想出一种方法来实现你想要的结果，而不需要定位。这是可能的，也不是那么难：）。