Css 具有不同高度的绝对定位div的页脚？

我试图将这个设计（）转换为wordpress主题，您会注意到页脚有“position:absolute；底部：0；顶部：1500px；'在上面。1500px是我需要更改的，因为我不想指定每个页面唯一的顶部位置。上面的div是绝对的，因此可以为波浪/滑块效果分层

---

有人对如何做到这一点有什么建议或提示吗？我是否必须对站点的其余部分使用绝对定位来实现这些“层”

为了让页脚粘到底部，您肯定不必指定页面需要多长时间

---

试试看。它使用负的

页边距顶部

，因此您只需要知道页脚高度，而不是实际页面的高度。如果你有很多不同的页面高度，它真的会很有帮助。

为了让页脚粘到底，你肯定不需要指定页面的长度

---

试试看。它使用负的

页边距顶部

，因此您只需要知道页脚高度，而不是实际页面的高度。如果你有很多不同的页面高度，这真的很有帮助。

好的，所以我找到了一种方法来做到这一点。。。这可能有点令人困惑，但它是有效的：

您需要找到id为

canvas

的div。用一个新的div（即canvas2）包装该div中的所有内容（而不是div本身）。那么你应该有这样的东西：

<div id="canvas">
   <div id="canvas2">
     <!-- all the other code here -->
   </div>
</div>

将其更改为：

#canvas {
 width: 100%; 
 position: absolute; 
 z-index: 5000;
}

最后，给出以下样式：

#canvas2 {
 width: 1024px; 
 margin:auto;
}

---

这应该会为每一页修复它。。看起来有很多变化，但实际上变化不大。希望这有帮助好的，所以我找到了一个方法。。。这可能有点令人困惑，但它是有效的：

您需要找到id为

canvas

的div。用一个新的div（即canvas2）包装该div中的所有内容（而不是div本身）。那么你应该有这样的东西：

<div id="canvas">
   <div id="canvas2">
     <!-- all the other code here -->
   </div>
</div>

将其更改为：

#canvas {
 width: 100%; 
 position: absolute; 
 z-index: 5000;
}

最后，给出以下样式：

#canvas2 {
 width: 1024px; 
 margin:auto;
}

---

这应该会为每一页修复它。。看起来有很多变化，但实际上变化不大。希望这有帮助

不过，Sticky Footer对绝对div有效吗？它似乎只是让页脚弹出并“在”绝对divs下。不过，粘性页脚是否可以与绝对div一起使用？它似乎只是让页脚弹出并“在”绝对divs下非常感谢你，JCBiggar！那很有效！我不想麻烦你，但你能解释一下为什么它能修好它吗？我很感激它被修复了，但我想知道我下一次做错了什么，如果你不介意的话=）它不会让我在这里贴太多。我试着将其粘贴到两条评论中，但一次只能发布一条评论。很抱歉在这里，我刚刚发布了一个jsfiddle！哈哈！这是链接：非常感谢你，JCBiggar！那很有效！我不想麻烦你，但你能解释一下为什么它能修好它吗？我很感激它被修复了，但我想知道我下一次做错了什么，如果你不介意的话=）它不会让我在这里贴太多。我试着将其粘贴到两条评论中，但一次只能发布一条评论。很抱歉在这里，我刚刚发布了一个jsfiddle！哈哈！以下是链接：