无涯教程网

Css 即使有滚动条，也让 div 始终停留在页面内容的底部

发布于01月12日

CSS Push Div to bottom of page

请看这个链接，我想要的正好相反:当内容溢出到滚动条时，我希望我的页脚总是在页面的complete个底部，就像Stack Overflow一样.

我有一个id="footer"的div和这个CSS:

#footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

但它所做的就是转到视口的底部，即使向下滚动也会保持在那里，因此它不再位于底部.

图片:

对不起，如果没有澄清，我不希望它被修复，只希望它在所有内容的实际底部.

推荐答案

这正是position: fixed的设计宗旨:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

这就是小提琴:http://jsfiddle.net/uw8f9/

Css相关问答推荐

沿浮动形状—面元素外路径将文字垂直居中""

如何允许在bslb中 Select 输入重叠卡片？

Primeng Angular更改p-dialog背景 colored颜色

Css模糊了Chrome中的框边框

如何使用混合混合模式更改动画背景上的文本 colored颜色

Vue3 组合 api 中的对象值样式

背景图像允许溢出输入按钮

具有水平和垂直滚动的表格上的活动 scss 类

2 列 UL，右列中的列表项数量为奇数？

更改 20 个实例中的一个组件的样式

如何为 React Native switch 组件创建标签？

如何在保持默认外观的同时更改 javaFX 中按钮的突出显示 colored颜色

将 tailwincss 转换为普通 CSS？

Angular Datepicker - 更改日期范围 Select 样式

CSS背景位置从顶部的给定像素开始？

未知规则 @propertycss(unknownAtRules)

如何在 html/css 中的图像旁边垂直居中文本？

css3 nth 类型限制为类

如何对齐标签和文本区域？

CSS3 过渡：过渡：全部是否比过渡：x慢？

实用课程推荐

相关教程推荐