问题标签 [sticky-footer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
79 浏览

css - 为什么要在主 div 而不是它的父 div 中添加填充,换行?

这是简单的html:

这是CSS:

我的问题是将填充底部添加到#wrap div而不是它的#main div不是更有意义吗?

如果您想知道,这与页脚始终位于底部并且在调整页面大小时不与之前的内容重叠有关。

0 投票
3 回答
2102 浏览

css - 放大时,为什么页脚与前面的内容重叠

这是示例html:

它的CSS:

0 投票
2 回答
4183 浏览

html - CSS - 使 FLUID 高度页脚粘在页面底部

如果页面内容不多,如 300 像素左右,页脚将出现在页面中间,分辨率为 1024。

在不知道页脚高度的情况下,如何让页脚显示在页面底部?

我试过这个解决方案:

但问题是我需要padding-bottom: (footerheight);在#footer 之前添加元素。这是不可能的,因为页脚高度因页面而异...

0 投票
0 回答
1123 浏览

css - 如何使粘性页脚不与其他 div 重叠

我遇到了这个问题,当在浏览器中放大很多时,粘性页脚与页面上的其他 div 重叠。反正有没有让它与其他 div 重叠并且仍然像粘性页脚一样起作用?

这是HTML:

这是CSS:

0 投票
2 回答
1040 浏览

jquery - 如何让我的包装器向下推入粘性页脚

我想使用 jQuery 制作一个粘性页脚。

这是我所做的http://jsbin.com/elapi/edit

我需要一些帮助来使我的#wrapper边界线将整个页面包裹到页脚。

让我知道

0 投票
5 回答
2732 浏览

javascript - 页面底部的div?

如何div.bottom在页面底部显示大约 100 像素的高度。如果内容高度小于窗口的高度,div.bottom将显示在窗口的底部。如果内容的高度大于窗口的高度,它将显示在页面底部。

0 投票
3 回答
1266 浏览

html - CSS Sticky Footer Menu - 检查元素时布局损坏

我制作了一个 CSS 粘性页脚菜单,除了使用 FF 检查元素时效果很好,页脚菜单跳了大约 100 像素。因此,当 Firebug 窗口可见时,菜单浮动在页面的中间!?

我已经将 body 和 html 设置为 100% 的高度,而且我还有一个高度为 100% 的容器 div ...有什么想法吗?

编辑:我刚刚尝试将容器 div 设置为溢出:自动。菜单不再浮动到页面的一半,但我有垂直滚动条??

相关CSS:

0 投票
2 回答
836 浏览

html - 无法弄清楚 CSS 粘滞页脚!

可能重复:
如何让页脚留在网页底部?

你好,

我不能让我的页脚粘在我的页面底部!我一直在尝试一切,但我无法让粘性 html/css 代码工作

无论我做什么,页脚都是偏移的,或者是页面的一半......我已经尝试了 3 种不同版本的代码来让它粘住,没有运气

有人可以帮我吗?如果有人可以请告诉我正确的编码

我的网站是: http: //graves-incorporated.com/test/index.html

CSS:http : //graves-incorporated.com/test/p7csslm/p7csslm10.css

谢谢,丹 mrlincoln89@hotmail.com

0 投票
2 回答
993 浏览

css - 我怎样才能让这个嵌套的页脚粘在底部?

我一直在尝试一些不同的东西,但我不确定如何让这个页脚粘在底部。困难是因为彼此之间有许多嵌套的 div。我想要实现的是让border-right 和border-left 包装器进入页面底部以包围页脚,但页脚应该位于页面底部。

解释一下所有嵌套的 div:body 应用了主要的平铺背景图像,#background 有一个透明的覆盖层,使其向边缘淡出。右边界和左边界 div 有一个重复的图像作为背景,作为内容 div 的边界。

我知道页脚 div 应该是完全独立的,但是当我让它保持居中时,它会以窗口的宽度而不是左边框的宽度为中心,所以当屏幕缩小时它看起来很不稳定。

基本页面结构如下,我还贴了一个jsfiddle:http: //jsfiddle.net/cutcopypaste/zry4T/

0 投票
4 回答
4391 浏览

css - 帮助页脚背景图片

可能重复:
如何让页脚留在网页底部?

此页面上的第二个背景图像未正确定位...我正在努力解决...我需要页脚始终位于页面底部。 min-height不起作用,因为无论分辨率如何,我都需要它始终保持在底部。

是否有针对此的 CSS 修复?

-网址已删除-