html - 在 div 底部获取页脚

标签 html css css-position

我有一个 div,我想在其上放置一个固定位置的页脚。它非常简单和轻便。当我添加 bottom: 0px; position: fixed; 为了保持在div的底部,它走到了页面的底部,甚至没有固定。我通常对这些东西很在行,但这让我发疯了。 Here是带有代码的 JSFiddle 的链接。请告诉我您认为哪里不对。

最佳答案

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

DEMO

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

另外,为什么要在页脚相对位置设置 p ?请参阅更新的演示。

关于html - 在 div 底部获取页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30314551/

相关文章:

javascript - 如何禁用 HTML/JS 中的 STYLE 元素?

html - CSS - 选择标签的子元素直到下一个相同类型的标签

javascript - 在 iOS Safari 上禁用滚轮选择器?

css - Safari 绝对定位的 div 在滚动时消失

html - 如何突破位置 :sticky in a list of items?

java - 网页可用性

html - 删除/隐藏由 IE 10 创建的默认表单输入重置按钮

html - 变换 : translateX causes text blur

css - 在 Internet Explorer f12 中显示附加信息

css - 位置相对重叠位置固定