我的页脚没有粘在我的页面底部。它只运行到我的屏幕底部，但是当我向下滚动时，页脚被卡在屏幕底部的位置上。它粘在我的屏幕底部，而不是在我整个页面的底部。有人帮忙我几乎什么都试过了。body和html也没有占用我整个页面的大小，只占用了我屏幕的大小，这个屏幕是1920 x 1080。我尝试了每种尺寸，如100 of，100%，最小宽度，将页脚div设置为绝对值，底部为0，它们都不起作用:(我也是新手)
有一次，我设法让身体填满整个页面，但页脚仍然卡在这个位置上。
浏览 6提问于2021-04-29得票数 1
回答已采纳
1回答
我正在使用Laravel5.5和需要一个页脚在每页底部。目前，我在app.blade.php中有一个页脚，还有一个导航栏，以及来自其他.blade文件的内容，这些内容都是使用app.blade.php生成的。
app.blade文件
html, body {
height: 100%;
}
页脚是
footer {
position: static;
bottom: 0px;
}
当检查页面时，html和body都是100%的高度，但是页脚只是与内容挂起，而不是移动到页面的底部。
是否有任何与大有关的风格可能会干扰定位？
浏览 3提问于2017-11-28得票数 1
回答已采纳
4回答
在html页面的底部，有一个带有函数的按钮。
由于页面只有内部css，当用户将页面(右击>另存为)保存为html文件时，页面将被保存而不需要其他文件夹(仅为html)，但按钮在底部是可见的。
当人们保存html页面时，如何隐藏按钮。保存后，当他们在电脑上打开它时，按钮应该被隐藏，因为它没有脚本就不能工作，所以它没有停留在那里的目的。
浏览 1提问于2014-02-26得票数 0
回答已采纳
我有一个内容包含在<html></html>中的页面-我试图让侧边栏一直跨越到页面的底部，即使有垂直溢出。
这在没有垂直溢出的情况下是有效的，但如果有，侧边栏只会停在页面加载时页面底部所在的位置。
如果我使用chrome dev工具，我可以看到所有元素-一直到<html> -的高度都被限制为窗口加载时的大小。这是正常的吗？如果我能告诉<html>以某种方式垂直跨越以包含所有内容，我的问题就解决了，但我不知道这是否是正确的解决方案。
我已经将侧边栏和所有家长设置为高度:100%，包括html：
html, body, .durandal-wrapp
浏览 4提问于2013-07-15得票数 0
回答已采纳
当你点击某个链接时，我正在使用下面的链接滚动到页面的顶部。
$('.myLinkToTop').click(function () {
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
我想做另一个滚动到页面底部的链接。下面的代码运行正常。我认为它会尝试向下滚动1000px的页面，所以如果页面太短，那么它的滚动速度就会比正常速度更快，如果页面更高，它就不会一直滚动到底部。如何将'1000‘替换为窗口高度？谢谢
$('.myMenuLi
浏览 1提问于2012-11-27得票数 15
回答已采纳
1回答
是否可以从中间加载html文件？也就是说，每当一个人访问该页面时，所显示的内容就是页面底部的内容。
然后，这个人可以向上滚动，到达页面中的另一个位置。
浏览 3提问于2013-11-15得票数 0
回答已采纳
4回答
如何进行页面过渡
、、
我正在做一个网站，我想让它，如果你点击按钮在页面底部，你会转到一个新的.html文件与不同的布局，但我希望它看起来像是新的页面正在滑动，所以它看起来像一个很酷的过渡。
下面是一个示例：
<!DOCTYPE html>
<html>
<body>
<p>Create a link of an image:
<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial"
浏览 1提问于2013-05-04得票数 5
2回答
绝对位置高度和底部元件
、、、
我有绝对定位的div，它当然没有高度，所以底部元素(在HTML层次结构中)在页面中没有正确的位置。
下面是链接:已删除
绝对定位的div位于#页面包装器中。
问题：，我需要将#red-底部(body子)元素转到页面底部。
我可以给#页面包装(也是身体子)固定的高度，或设置固定的边距.但问题是，这篇文章可以更短，也可以更长。所以高度也是动态的。
那么，如何对所有情况(动态)进行修复？
由JavaScript.修复
浏览 2提问于2011-07-20得票数 0
回答已采纳
编辑:使用position:fixed为pageHeader、pageBody和pageFooter (然后纠正他们的位置)为我做了这件事。谢谢你们！
我正在开发一个使用HTML和CSS的Android web应用程序。我现在有这样的情况：
#container {
min-height:100%;
position:relative;
}
#pageHeader {
color:<%=foreColor%>;
}
#pageBody {
padding-bottom:100px;
}
#pageFooter {
position:static;
clear:b
浏览 3提问于2011-08-10得票数 2
回答已采纳
2回答
在编写页面时，我会不断更新变量$links。这是指将放置在html页面的<head>部分的css链接。
但是，当我在页面底部，并且得到了$links的最后值时，我希望它被写在<head>中，而不是在页面的末尾。
我用str_replace试过了，但那只是把它写在底部。
php如下所示：
<head>
<?php echo $links; ?>
</head>
<body>
<?php
include 'gallery.php';
$links .= &l
浏览 2提问于2014-07-25得票数 0
回答已采纳
2回答
我试图将我的页脚定位在每一页的最底部，但这样做有困难。对于内容较长的页面，页脚被完美地定位在底部，但是它突然被放置在页面中间，几乎没有什么内容。我附上了一个样本图片，让你看到，它没有被放在底部的一些网页。我的页脚的html和css如下。我试过使用position: fixed;，但这会产生不必要的影响，使页脚在任何时候都可见；我只希望它在每一页的最底部。我怎样才能做到这一点？
application.html.erb
<body>
<div class="clearfix">
<%= render :partial =>
浏览 0提问于2014-08-20得票数 1
2回答
我的HTML页面分为两部分：
左:有一个table
右:有一个div，包括它的文本
我希望table和div一样高，当div的高度发生变化时，它会自动调整。
(我尝试了CSS：body、html、table {身高:100%}，但这不是我想要的)。
PS:
div到达页面的底部，所以我可以在页面的高度调整table。
有人能帮我做这个吗？
浏览 3提问于2018-10-03得票数 1
我已经处理了一天的问题，但我似乎无法解决它。我有四张图片想要用作<body>标签上的CSS背景。它们应该像页面的角一样对齐。
根据多个参考资料，如果我想要html背景相对于页面的整个内容(扩展到视窗下方)而不仅仅是视窗，我应该将body和CSS元素上的min-height设置为100%。然而，这是不起作用的。底部的两个角图像似乎粘在视口的底部。
我将这段代码用于CSS：
html {
min-height: 100%;
height: auto;
margin: 0;
padding: 0;
}
body {
margin: 0;
p
浏览 1提问于2013-11-26得票数 1
2回答
向显示的Add视图添加下边框
、、、、
我的网页视图使用像书籍一样的水平滚动来显示HTML内容。我正在使用滚动功能来做这件事。我的问题是，如何使用JS或jQuery在每个页面上添加底部边框？
浏览 2提问于2014-01-04得票数 0
我继续这个，自动滚动到页面的底部，然后在顶部重复。
这是一个。
正如你在小提琴上看到的，当页面加载时，它直接滚动到底部。我想当页面加载时，等待大约10秒，然后滚动到底部。与滚动到底部页面相同，等待大约10秒，然后滚动到顶部。
代码：
$("html, body").animate({ scrollTop: $(document).height() }, 4000);
setTimeout(function() {
$('html, body').animate({scrollTop:0}, 4000);
},4000);
setInterval(functio
浏览 0提问于2017-09-22得票数 0
2回答
我正在尝试使底部导航栏始终可见。它应该漂浮在页面的底部。当你在页面的底部时，我应该能够看到底部的导航栏+页脚
我已经设法使用以下HTML和CSS使底部导航栏可见。
<html>
<head>
<style>
.stickyBottomNav {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
</head>
浏览 24提问于2021-01-14得票数 0
另一个简单的JS/HTML问题。如何让HTML元素始终伸展到页面底部？
我试过做height: 100%;，但它超出了页面的底部(因为它不在顶部，我想)。
做这件事的首选方法是什么？如果调整窗口大小，它应该使窗口底部达到窗口底部。
浏览 0提问于2013-08-06得票数 0
必须坚持到网页底部，直到用户到达页面底部时才能看到。
例如
HTML
<footer>
This is a footer.
</footer>
CSS
footer {
padding: 10px;
background-color: #999999;
color: white;
text-align: right;
bottom: 0;
width: 96.75%;
position: fixed;
}
问题是，当用户还没有到达页面底部时，它仍然是可见的。我想要它，所以在它们触底之前，它是看不见的。
浏览 3提问于2018-03-11得票数 3
回答已采纳
我正在尝试编写一些HTML代码，以便在用户将输入提交到表单之后，在当前页面上创建一个表。也就是说，我希望输出值显示在当前页面的底部，而不是在表单中输入值，单击submit，然后重定向到包含计算出的输出值的新页面。这样，用户输入保持不变，唯一的变化是将输出表追加到当前页面的底部。下面是一个我理想的页面工作方式的例子：
任何帮助都将不胜感激。谢谢!
浏览 0提问于2010-09-30得票数 0
1回答
铬滚动虫？
、、、
我正在与怪异的Chrome行为进行斗争，当页面加载时，它会跳到页面的底部，然后立即返回到顶部。
可再生的
Chrome 84.0.4147.135 (正式制造)
铬80.3987.162
条件
URL‘#底部’中必须有一个片段，引用页面底部的一个元素
Javascript也将尝试使用html.scrollTop在页面的最底部滚动
当这两种情况都成立时，问题就会发生。页面跳到底部(有一个红色的div -它闪烁红色)，然后立即回到顶部(再次变成白色)。
当只有‘#底部’片段没有javascript或只有javascript没有‘#底部’片段，所有的工作与预期-页面是
浏览 4提问于2020-08-24得票数 2
想象一下，我想要计算加载速度，然后回显这个计算值。然而..。我不希望在页面的末尾，在html的底部，而是在html中间的某个地方回显这个值：
$s = microtime(true);
<html><head>...</head><body>
echo $laadtijd . " seconds"; //echo value, after calculation completed
</body></html>
$e = microtime(true);
浏览 1提问于2011-02-03得票数 1
回答已采纳
3回答
关于基于web的智能手机应用程序中的页脚，我有一个问题(我们正在使用HTML5和CSS3)。
我想把页脚固定在底部。但在移动设备(iPhone、安卓和BlackBerry)上，页脚不会显示在底部。当我移动它时，它将与页面的其余部分一起滚动。有没有办法把它固定在最低端？
谢谢阿希什
浏览 4提问于2011-03-03得票数 3
回答已采纳
我的网页右侧有一个浮动的操作按钮，但当我在手机上查看它时，它要么完全从页面上消失，要么阻碍了整体视图。理想情况下，我希望它贴在我的手机页面的底部。关于如何使用HTML和CSS做到这一点，有什么建议吗？
浏览 4提问于2018-08-24得票数 0
您好，可以将任何主体帮助me....why css文件包括在标题部分，但js文件在页面的最后。我还可以包括在文件底部的css文件。
<!DOCTYPE html>
<html>
<head>
<link type="text/css" href="myFolder/style.css" rel="stylesheet">
</link>
</head>
<body>
<div>
浏览 0提问于2015-07-03得票数 0
2回答
我正在学习XSL，我对如何在一个HTML文件中生成双向超链接有疑问。
例如，我们有
<person id="first">
-<name>Bob</name>
-<age>19<age>
<person id="second">
-<name>smith</name>
-<age>12<age>
<person id="third">
-<name>Lisa</name>
-<age&g
浏览 2提问于2013-02-22得票数 0
回答已采纳
有很多信息，以获得页脚100%宽或扩展100%到底部的浏览器。
我的问题有点不同。
我网站的所有内容都被包装在最大宽度的容器中。但客户希望页脚是100%宽，然后如果页面信息是短的，页脚必须伸展到页面底部。
所以我必须把页脚放在主容器的外面，这样它就可以穿过页面的宽度了。但这意味着我不能用
html , body {height:100%;}
选项，因为使页脚100%高不会有帮助，因为它是在主容器外。
因此，忽略主容器，如果页面太短，无法从上到下填充屏幕，如何告诉独立的100%宽页脚填充到浏览器底部的页面？我怎样才能让脚来填补底部的空白？
下面是代码的一个简单副本：
<!doctype h
浏览 0提问于2013-08-13得票数 1
回答已采纳
我有一个用Django制作的博客，在那里我用markdown写帖子。我想在管理页面的底部为类条目的每个实例(我的博客帖子类)添加一个视图，这样我就可以在编写时预览标记的外观。就像你在Stack Overflow上创建新帖子时看到的预览一样。
我已经有了一个扩展ModelAdmin的管理类：
class EntryAdmin(admin.ModelAdmin):
list_display = ('title','created')
prepopulated_fields = {'slug': ('title',)}
是否
浏览 1提问于2017-09-25得票数 1
2回答
我想反复滚动到页面底部，每40毫秒备份一次。
$("html, body").animate({ scrollTop: $(document).height() }, 400);
setTimeout(function() {
$('html, body').animate({scrollTop:0}, 400);
},400);
setInterval(function(){
$("html, body").animate({ scrollTop: $(document).height() }, 400);
setTimeout(fun
浏览 0提问于2016-11-01得票数 0
2回答
在思考这个问题的时候，我一直在挠头。我有3个div。顶部和底部的div有一个最小的高度，中间的div有未知的高度(按内容扩展)，但应该在页面中居中。然后，顶部和底部的div应该会填满剩余的顶部和底部空间。
我想有一个纯HTML/CSS解决方案。重构HTML结构是可能的。
谢谢
当前HTML结构：
<div id="page">
<div id="top">top div</div
<div id="middle">middle div</div>
<div id="
浏览 3提问于2013-05-22得票数 0
1回答
我们有一些非常大的文章(HTML内容)，长达2000个单词，需要在Shopify主题中的任意位置加载和显示，例如，在特定集合的底部。
现在，我们将它们保存为有条件加载在集合模板底部的.liquid文件片段，方法如下：
{% if collection.handle == 'collection-abc' %}
Article 1 HTML goes here...
{% elsif collection.handle == 'collection-def' %}
Article 2 HTML goes here...
{% endif %}
这里可以按句
浏览 5提问于2022-08-08得票数 0
回答已采纳
3回答
我是HTML5和CSS3的新手，所以如果这是一个愚蠢的问题…，很抱歉
看看下面的图片，我想要做的是让页面被分割成50 / 50，如果用户单击顶部箭头，顶部部分缩小，底部占据大部分空间，或者如果用户单击底部箭头缩小底部，则顶部占据大部分空间。
我不知道该怎么办，请帮帮忙
浏览 2提问于2014-02-06得票数 0
回答已采纳
在我的html代码中，我有一个这样的表
|-------|
|-------|
| | |
| | |
| | |
|-------|
左下角的单元格是一个固定的位置，因此当您滚动页面时，它会上下移动。它基本上是右下角单元格内容的菜单。顶部的单元格是主菜单。
同样，整个页面都有一个页脚，它总是粘在页面的底部。这是我不能修改的东西，因为我只能将我的html添加到现有页面，而不能修改包括该页脚在内的其他内容。
问题是，当我滚动到页面的底部时，我的固定位置菜单会与底部的页面页脚重叠。
有没有办法让菜单的底部不会超过右侧单元格的底部。从而使菜单永远不会与页脚重叠。
谢谢
浏览 1提问于2013-08-03得票数 0
3回答
当用户滚动并到达页面底部时，我希望隐藏div元素，并在用户滚动回滚时再次显示它。例如，考虑下面的导航栏，它名为"nav“。
HTML
<div class="nav"></div>
CSS
.nav{
width:100%;
height:50px;
position:fixed;
}
当滚动到网页底部时，我想隐藏nav div元素。我怎么才能让这一切成为可能。我是否可以使用CSS，或者应该使用JavaScipt代替。
浏览 11提问于2015-08-01得票数 5
回答已采纳
2回答
使滚动开始滚动到底部的盒子
、、、、
我正在为一个聊天应用程序构建一个用户界面。因此，有一个div，其中消息出现在一个列表中，用户可以滚动它。但是，由于它是一个消息应用程序，如果用户不做任何事情(从页面加载到用户滚动)，我希望div被滚动到底部--如果用户再次滚动到底部，div可以继续滚动到底部，那就太好了。
我怎么能编码这个？(最好只使用css和html，而不是使用javascript)
(对不起，我的语法不好，我不是来自讲英语的国家)
浏览 7提问于2014-04-10得票数 1
回答已采纳
我正在尝试开发一个脚本(用php)来分析网页，想知道是否有可能检测到页面上图像或链接的位置，无论它是位于a)页面的顶部/底部还是b)左侧/右侧以及页面的上半部分/下半部分。我想知道是否有任何准确的方法来解析HTML并准确地检测这些元素在页面上显示的位置。
浏览 0提问于2011-10-31得票数 3
回答已采纳
我收集了16,000个html文件，我正在上传到wordpress。我使用的是HTML导入2。文章的日期位于两个位置，插件无法检测到这两个点：
1.)每个文件的标题为mmddyyxxxxxxx.htm 2。)日期在页面底部的段落中以相同的格式存在，但被不同的文本包围。格式：(yyyy，mm，dd)
还有想法？
浏览 1提问于2013-09-18得票数 0
回答已采纳
我正在尝试使用css对齐我的html页面的元素。
我已将元素对齐到页面底部，但当我在打印预览中看到页面时。元素未出现在底部
我正在使用这个css将元素与底部对齐
代码：
.bel {
position:relative;
margin-left: 38%;
margin-right: 38%;
bottom:-25pc;
}
html代码：
<span class="bel">Text 1</span>
但这不是working...How，我能解决这个问题吗？
浏览 3提问于2013-10-12得票数 11
1回答
我有一个带有固定高度页眉、内容(中间部分)的页面，它应该填充大部分屏幕直到页脚，还有一个固定的高度页脚，它应该粘在页面的底部：
我在这里遇到的问题是：
Content (#content-wrapper)没有填充页面，尽管我也为html和body标记设置了min-height: 100%;和height: 100%;。
页脚在底部有一个空隙，而不是粘在页面的最底部。显然，body元素并没有扩展到页面的全部高度，尽管html是这样做的。
我遵循了关于如何让页脚坚持在页面底部的建议，而且它似乎不适合我的特定设置。
浏览 7提问于2013-05-07得票数 0
回答已采纳
5回答
我在“左”目录中点击列表项链接，然后在网页的“右”目录中显示一个html页面。我想在第一次加载网页时加载其中一个html页面(即默认加载)。我该怎么做呢？
另外，如何让背景颜色延伸到“right”div的底部？我一直在创建带有自动规范的div，如果我的'left‘div比'right’div的内容长，我会在底部显示一个白条。
jQuery代码：
<script type="text/javascript" id="initialLoad">
$("#contactDetailsPane").load('
浏览 0提问于2010-11-03得票数 0
回答已采纳
我正在使用TCPDF和大量的writeHTML()调用生成一个PDF。有时当我有标题标签(h1、h2等)时在HTML中，页眉位于页面的底部，相应的内容被分解并推送到下一页。
有没有办法让TCPDF或者1)让标题“与”下面的内容保持一致，或者2)如果有一定百分比(比如20%)或更少的页面空间可用，就让标题(并且只有标题)推到下一页？
我曾尝试分解HTML语言，但最终将未闭合的标记传递给writeHTML()，它就死了。
浏览 4提问于2011-07-06得票数 2
回答已采纳
我有以下HTML：
<!doctype html>
<html lang="en" class="light">
<head>
.....
</head>
<body>
...
...
...
我的CSS看起来像这样：
html.light body
{ background-color:#15293E ; }
我的页面上有足够长的文本，以至于滚动条出现。但是，当我滚动到页面底部时，我注意到背景颜色并不能一直滚动到页面底部。
我做的事有什么问题吗？它看起来像简单的HTML，但我无法获得填充页面的背景颜色
浏览 1提问于2013-02-11得票数 1
回答已采纳
3回答
强迫页面底部有两个页脚
、、、
我现在正在工作的站点有一个有趣的布局，我在CSS中很难得到正确的布局。页眉和页脚跨越整个浏览器窗口的宽度，内容限制在一个960px宽块中，但是在这个960px内容块中有一个次要的“内部”页脚。主页脚和这个“内部”页脚都需要在页面底部。以下是该网站的标记，简化为功能单元：
<html>
<body>
<header></header>
<section id="content">
MAIN CONTENT
<section id
浏览 3提问于2013-11-11得票数 0
回答已采纳
我知道这在过去已经被问了很多次了，但是对于我来说，我似乎不能得到任何其他的解决方案。
我要做的是让页脚(在整个页面宽度内重复出现的图像)停留在浏览器的底部，当没有足够的内容自然地将其推到页面底部时，当有足够的内容将其推到页面底部时，它就会这样做。就是一个例子，它做了我想做的事情，但我也不能开始工作。
我目前实现的代码使页脚固定在页面的某一部分，文本位于其下方。你可以在sourcectrl.co.uk上看到它，但看起来并不多。这是供您查看的代码。
html, body {
font: 100% Arial, Helvetica, sans-serif;
height: 100%;
color:
浏览 3提问于2010-02-08得票数 9
1回答
我在页面底部使用will_paginate。
虽然页面是在单击页面号后显示的，但滚动页的位置保持不变(页面底部)。
我想显示页面的顶部。
如何更改显示位置？
\view\calendars\index.html.erb
...
<%= will_paginate @calendar %>
...
浏览 1提问于2014-10-13得票数 0
回答已采纳
当最初加载页面时，它将滚动到页面底部，并加载下一组元素，如果找到元素16，则滚动到页面底部，并再次滚动回元素16。如何直接滚动到元素16？ 元素16仅在向下滚动页面时出现。 滚动到元素16， if($("#16").length === 0){
clearScroll = setInterval(function(){
$("html, body").animate({ scrollTop:
$(document).height()-$(window).height()});
if($("#16").len
浏览 15提问于2019-09-27得票数 0
1回答
我有一个网页，我在折叠上方的圆圈中显示了一个向下的箭头，以表明下面有更多内容。当这个箭头被点击时，我已经让jQuery在适当的位置执行到页面底部的动画滚动，然后jQuery向上滚动到所需的位置。当动画到达页面底部时，我希望jQuery立即开始向上滚动到所需的位置，而不会在页面底部有短暂的停顿。我尝试在每个动画的末尾使用和不使用function选项的情况下使用jQuery，当第一个动画到达页面底部时，我仍然注意到暂停。
示例页面位于：
我的示例代码是：
<script type="text/javascript">
$(document).ready(function
浏览 2提问于2015-04-27得票数 1
有没有一种方法可以把页脚定位到页面的底部。页脚不应该是粘性的。页脚应该留在页面的底部(字面意思是在网页的底部)，而不应该是粘性的页脚。 这是我现在使用的代码。有没有别的办法？ html {
position:relative;
min-height:100%;
}
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
浏览 65提问于2020-08-27得票数 0
回答已采纳
1回答
我使用requestPictureInPicture弹出html视频元素，但问题是视频总是在页面的右下角打开。我希望能把它打开
是否有可能打开PiP (图片中的图片)视频在任何其他地方，不是底部，对吗？如果有其他地方可以打开，我想在左下角打开它或者是古玩。
浏览 6提问于2022-08-19得票数 0
3回答
我有一个MYSQL查询选择提取大约7000行，一个HTML页面打印这个结果，这样您就可以选择一个要处理的结果。例如：
NAME SURNAME
John Woo <a href="/select.php?id=3">Select</a>
Dary Ext <a href="/select.php?id=4">Select</a>
诸若此类。
但它们大约是7000个结果，而PHP页面只需几秒钟就能显示所有结果。由于几个原因，我不能分成多个页面，但我在一
浏览 0提问于2013-05-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
