css - 大屏幕上的站点页脚 - 填充空间

标签 css footer

在大屏幕上,我的页脚不会位于页面底部,而是在底部留下一个白色“条”(页面背景颜色)。

我知道粘性页脚等,但由于在页脚中的元素上使用绝对定位,这些技术会使页脚的其余部分出错。我现在直接在页脚下方添加了一个空的 div,并将其最小高度设置为 100%,并将背景颜色设置为与页脚(黑色)相匹配,但是它什么也没做——只有以像素为单位的设置高度会做任何事情,但我希望它是动态的,所以无论它是 10px 的空间还是 500px 的空间,它都会填充空间。

有人有变通办法吗?

最佳答案

如果您不想使用粘性页脚,请将您的 body 背景颜色设置为与页脚相同的颜色,然后将内容区域的背景设置为白色。无论浏览器的大小如何,这都会使页脚延伸到页面底部。

关于css - 大屏幕上的站点页脚 - 填充空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19840621/

相关文章:

css - 将 CSS 样式添加到 WordPress 编辑器

html - 没有CSS的表格格式

javascript - CSS选择 previous sibling

html - ionic - 输入框宽度

css - 如何在 CSS 中制作带有固定页眉和页脚的 2 列布局?

html - 不正确的媒体查询被应用于 html 元素

C#/WPF : DataGrid - Last Row/Footer Row possible?

javascript - 避免元素跳到页面底部的正确方法?

button - 数据表 - 添加按钮到页眉或页脚

php - 谷歌如何自动加载页面底部的页脚?