Html 获取div底部的页脚

我有一个div，我想放一个固定位置的页脚。它很简单，很轻。当我添加

底部时：0px；位置：固定

要将其保持在div的底部，它会进入页面的底部，甚至没有固定。我通常对这些东西很在行，但这让我发疯了。是一个带有代码的JSFIDLE链接。请告诉我你认为哪里不对。

固定位置是相对于整个文档的。设置父相对值和页脚绝对值：

---

还有，为什么要在页脚相对位置设置p？请参阅更新的演示。

位置：固定相对于页面

你真正想要的是设置 .post包含{position:relative}

---

作者框{position:absolute}

我不敢相信它这么简单。如果答案对你有帮助，请接受答案。我会的。我只是还不能。让我再过几分钟我也更新了演示。我清理了页脚。让页脚的内容设置高度，而不是设置一个固定的高度值。这听起来很奇怪，但我认为你是最好的人来回答我的问题之一。通常人们都不愿意回答。谢谢你的回答

.post-contain { position: relative; }
.author-box {   position: absolute; }