使CSS页脚位于浏览器窗口的底部或内容的底部

文章/答案/技术大牛

发布

2回答

页脚重叠

jquery、css、footer

我正在使用jQuery菜单幻灯片，我的页脚有一些问题。我需要我的页脚总是在我的内容下，无论内容有多高。使用此脚本可以实现此功能吗？

浏览 1提问于2012-03-01得票数 1

1回答

使用CSS/JS设置页脚位置

javascript、html、css

我已经创建了一个标准的页眉、正文、页脚网页。我希望页脚在正文小于窗口高度时位于可见浏览器窗口的底部，但在正文超过浏览器高度时位于页面底部。对于如何使用CSS (最好是)或JS来完成此任务，有什么建议吗？

浏览 0提问于2009-10-14得票数 1

回答已采纳

3回答

css

.的复制<div id="container"> <div id="top_

浏览 2提问于2009-03-05得票数 14

回答已采纳

1回答

页面底部具有动态内容区域的页脚

twitter-bootstrap、twitter-bootstrap-3

页面结构相当普通，因为有一个带有nav的页眉区域、一个内容部分和一个页脚。我试图让页脚显示在内容区域的底部，如果内容区域的高度小于浏览器窗口的高度，它将显示在浏览器窗口的底部。是个不错的选择。然而，作为一个角度应用程序，内容是动态生成的，并且常常比

浏览 7提问于2015-12-03得票数 1

回答已采纳

3回答

需要Javascript来填充内容和页脚之间的剩余高度空间

javascript、jquery、html、height

如何设置一个“间隔”div来填充内容和页脚之间的剩余高度空间，这样页脚将始终位于页面的底部(而不是最初要求的窗口)？下面是一个示例，其中footer不在窗口底部： (我使用这个模板，所以结构是相同的)。我尝试过很多方法，比如创建一个div，并将其设置为最小高度，高度为100%等等。你能帮我设置jQuery来计算它的高度来填充剩余的空间吗？有没有更好的</e

浏览 0提问于2012-03-05得票数 0

2回答

浏览器底部的页脚，滚动时除外

html、css、footer、sticky-footer

我遇到了一个奇怪的页脚问题。如果我扩展或缩小窗口，页面底部的云将粘在浏览器窗口的底部。但当我向下滚动时，页脚位于页面的中间。这在我的其他任何页面上都不是问题，因为在滚动条出现之前，它们都适合一个900x600的窗口。有没有办法让我的页脚保持在窗口的<em

浏览 1提问于2012-03-22得票数 4

回答已采纳

8回答

什么是粘性页脚？

html、css

这个问题完全是新手的问题，但是我不能区分正常的页脚和粘性的页脚。

浏览 1提问于2010-12-24得票数 6

回答已采纳

3回答

要确保页脚始终位于底部，最好的方法是什么

html、css、styles、footer

我有一个网站：实现页脚始终位于屏幕底部的最好方法是什么？

浏览 4提问于2012-10-16得票数 0

回答已采纳

2回答

使用overflow auto设置div中绝对位置的高度

javascript、html、css

我有一个粘性脚注的问题，它有绝对位置， <div class="content"> </div>{ height: 100px;当我向下滚动我的页脚也滚动，当我删除高

浏览 2提问于2014-11-13得票数 0

3回答

左侧侧边栏与内容区高度相同，浏览器窗口底部页脚

html、css、twitter-bootstrap、twitter-bootstrap-3

页脚应该始终位于浏览器窗口的“底部”，而不管内容区域中有多少内容。如果浏览器中出现滚动条，那么页脚应该始终位于浏览器窗口的底部，而不是显示为粘性页脚。我能描述的最接近的东西是Gmail，在那里你可以向下滚动右边的消息列表，但是左边的文件夹导

浏览 0提问于2018-02-15得票数 0

回答已采纳

2回答

如何创建具有页眉、页脚和内容的HTML CSS页面

css、dhtml

标头，它在设计时具有未知的内容，因为它在运行时使用文本填充。所有的文本都必须显示，没有滚动条。(我认为是height: 100%做的)内容，内容应该填充页眉底部以下到页脚顶部的页面。如果可以显示的内容中有更多的文本，则应该可以使用滚动条。页脚。页脚应该是25px高，并且总是坐在视图的底部。该窗口是一个弹出<e

浏览 3提问于2008-12-16得票数 1

回答已采纳

1回答

我怎样才能让这个页脚最终做我想做的事呢？我想要一些建议

html、wordpress、css

当我对页脚css执行类似的操作时position: fixed;left:0;height:80px;当我从底部向上调整浏览器窗口的大小时，当然，页脚不会移动，也不会与我的主要内容重叠，这是很好的，但是，当以不同的屏幕尺寸查看网站时，作为固定页脚的页脚当然位于</

浏览 0提问于2013-04-24得票数 0

回答已采纳

1回答

固定页脚滚动到正文窗口大小调整

html、css

我在调整桌面窗口大小时遇到了页脚问题。它似乎在开发人员工具中进行了很好的测试，但是一旦在不同的浏览器中测试，响应性就会扰乱页脚的位置。使其滚动到其余部分。会非常感谢你对我做错了什么的洞察力？link-green" target="_blank">hello@duncan-newby.co.nz</a></p>

浏览 17提问于2021-09-25得票数 0

2回答

使用这个CSS的结果是什么？

html、css

body:before { width: 0; float: left;} 使用这个CSS的结果是什么？

浏览 1提问于2014-01-17得票数 1

回答已采纳

4回答

我们网站的CSS内容区域正在滚动，而它不应该滚动

html、css、header、footer

好的，所以问题是我有一个页眉，页脚和内容div，我想要的是让内容div自动填充页眉和页脚之间的浏览器高度，使页脚停留在页面的底部，或低于内容长度。当您转到时，您可以在索引页面上看到这个问题，因为内容区域比浏览器窗口小，所以我们在div中添加了一个高度来解决脚注浮动问题。我用jquery修复了它。$('

浏览 0提问于2012-01-12得票数 0

回答已采纳

1回答

页脚底部CSS

css、positioning、footer、sticky-footer

我想要创建一个保持在页面底部的页脚，如下面的屏幕快照所示：但是，当浏览器窗口最小化，使视口小于内容区域，并且页面可滚动时，页脚将停留在页面的中间而不是内容下面。一旦用户滚动，页脚将停留在内容框的中间，如下面的屏幕截图所示：如何创建一个页脚，当没有滚动条时，它停留在视图端口的底部，但当滚动条出现时，当<em

浏览 3提问于2013-09-09得票数 0

回答已采纳

1回答

我需要帮助让我的页脚做我想让它做的事情

javascript、html、css

我使用粘性页脚jquery解决方案使页脚始终位于页面底部。它起作用了。因此，当我在全屏模式下用浏览器加载页面时，页脚在底部，当我调整浏览器的大小时，页脚不会移动并掩盖我想要的内容。但是，如果浏览器已经以较小的分辨率调整了大小，则会显示页脚并覆盖内容。我如何才能阻止这种情况的发

浏览 2提问于2013-04-26得票数 1

回答已采纳

6回答

使页脚停留在页面底部，内容不会被裁剪

javascript、jquery、footer

我正在计算窗口高度和其他元素的高度，并使页脚留在底部。我尝试使用JavaScript，但是页脚只接受页眉元素的高度，并在页眉下方对齐页脚。我想在JavaScript的帮助下让页脚留在底部。在css中使用位置作为固定来剪辑内容。我希望页脚随着内容的增长而增长。这就是我试图用JavaScript或

浏览 0提问于2019-10-15得票数 0

1回答

粘性页脚将内容推到页面下方

jquery、html、css、footer、sticky-footer

我试着从这里设置粘性页脚我的网站：我不能张贴更多的链接，但我相信你可以得到css，以及任何其他你可能需要从网站张贴。

浏览 1提问于2012-08-23得票数 0

回答已采纳

7回答

粘性页脚隐藏内容

html、css

我用CSS做了下面的粘性页脚。底部页面的内容目前隐藏在页脚后面(见附件截图)。如何调整CSS以使所有正文内容都可见，并且页脚仍然停留在浏览器窗口的底部？谢谢!.fo { left: 0; height:65px; width: 100%;

浏览 2提问于2012-12-14得票数 39

回答已采纳

点击加载更多

页脚重叠

使用CSS/JS设置页脚位置