页脚位于一个html页面的底部，但在另一个页面的中间。
页脚（Footer）是网页的底部部分，通常包含网站的版权信息、联系方式、导航链接等内容。它在一个HTML页面的底部，但在另一个页面的中间是因为网页的结构和布局可能会因为不同的需求而有所变化。
页脚的作用是为用户提供网站的相关信息和导航链接，使用户能够方便地获取更多的信息或进行其他操作。它可以增加网站的专业性和可信度，同时也提供了网站的品牌展示和宣传的机会。
在云计算领域中，页脚的应用并不直接涉及云计算技术本身，但在网站开发中仍然是一个重要的组成部分。下面是一些与页脚相关的概念和推荐的腾讯云产品：
- 响应式设计（Responsive Design）：响应式设计是一种能够根据用户设备的屏幕尺寸和分辨率自动调整网页布局和样式的设计方法。通过使用响应式设计，可以确保页脚在不同设备上都能够正确显示和定位。
- HTML（Hypertext Markup Language）：HTML是一种用于创建网页的标记语言。通过使用HTML，可以定义和布局网页的各个元素，包括页脚。
- CSS（Cascading Style Sheets）：CSS是一种用于描述网页样式和布局的样式表语言。通过使用CSS，可以对页脚进行样式设置，如颜色、字体、边距等。
- JavaScript：JavaScript是一种用于为网页添加交互和动态效果的脚本语言。通过使用JavaScript，可以实现一些与页脚相关的功能，如点击展开更多信息、滚动到顶部等。
腾讯云相关产品推荐：
- 腾讯云云服务器（https://cloud.tencent.com/product/cvm）：提供可扩展的云服务器实例，适用于各种网站和应用程序的部署。
- 腾讯云内容分发网络（https://cloud.tencent.com/product/cdn）：通过全球分布的加速节点，提供快速可靠的内容分发服务，加速网页加载速度。
- 腾讯云域名注册（https://cloud.tencent.com/product/domain）：提供域名注册和管理服务，方便用户获取和管理网站的域名。
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
1回答
div I有一个容器，其中包含四个：
<div id="container">
<div id="top"> this is top div</div>
<div id="middle1"> this is middle1 div</div>
<div id="middle2"> this is middle2 div</div>
<div id="footer"> this is top
浏览 1提问于2015-03-18得票数 7
2回答
我正在做一个网站，它有一个标题，身体，和页脚。
我使用jQuery将页脚和页眉放在不同的文件中。
我最初将页脚设置为底部的固定位置。这种方法适用于身体比窗口短的网页。当我看另一个有着更长身体的页面时，页脚在那个固定的位置浮动。
如何将页脚保持在底部，而不考虑页/窗口的长度？
短页：
长页：
**编辑:我实现了下面的CSS/HTML设置，它适用于我描述的内容。然而，现在，在较短的页上，页脚不是在页面底部结束，而是稍微低一点？我更新了问题中的链接，如果你能查出来的话。
浏览 3提问于2014-07-22得票数 0
回答已采纳
2回答
好的，当没有足够的内容自然地推到那里时，我有问题来迫使页脚在底部。
我部分解决了问题。这是非常简单的设计，我有标题，内容和页脚，都在div包装器内。
html,
body {
margin:0;
padding:0;
height:100%;
font: sans-serif;
}
#wrapper {
min-height:100%;
position:relative;
}
#content {
padding: 2% 5%;
max-width: 940px;
margin: 0 auto;
padding-bottom:80px; /* Height of the footer
浏览 3提问于2015-06-18得票数 0
我有一个有可变行数的表。我想通过浏览器打印那张桌子。在它下面，有一个div应该保留在页面底部。如果表包含在第一页中，则div将位于第一页的底部。如果表溢出到第二页，div将是第二页的底部，以此类推。我的第一种方法是像以前在HTML中那样处理它
.footer{
width: 100%;
position: absolute;
bottom: 0;
font-size: 10pt;
}
这不管用。页脚保留在第一页。需要你帮忙求你了！
编辑
我在父div中创建了表和页脚，这样它们就可以循环。页脚将始终与表的末尾位于同一页上。对不起，我的不准确！
解决了编
浏览 0提问于2016-06-09得票数 2
1回答
我知道有很多关于这个话题的问题--但是我还没有找到我的具体案例的答案。
我想要创建一个粘性页脚(不是position: fixed)，但是如果内容不足以填充页面空间，它将留在底部。如果有足够的内容，页脚将起到正常的作用。
在其他不使用引导程序的页面上，我可以这样做：
看到它在我的网站上运行：
但在我的部分网站上，我不得不使用引导程序，当我尝试使用flexbox方法时，事情就出了问题：
在大多数浏览器上，我只看到页面上的页脚被切断--但是在Safari上，事情变得非常糟糕。
总之，我要找的是：
粘性页脚解决方案：
不是固定的页脚解决方案(如果内容足以填充页面，则充当普通页脚)
不
浏览 0提问于2015-07-28得票数 1
2回答
我试图让我的页脚坚持在网站底部，我还没有看到一个好的答案，使页脚坚持在底部，当页面的高度小于视口高度和当视口高度小于页高。
浏览 5提问于2019-12-01得票数 0
回答已采纳
我是第一次使用Migradoc和PDFSharp。目前，有人已经编写了代码，其中创建了一个表，并将页脚放在页面的中间。然后，另一个表格就会出现在同一页的页脚下面。如何使页脚恰好位于页面的底部，以及如何将页脚下的表格移动到下一页？敬请指教。
浏览 4提问于2015-03-17得票数 2
2回答
我正在创建一个使用Twitter引导框架的网页。我在这里有一个页脚，它在每一页的底部，每一页都有很多内容。但是我刚刚创建了另一个子页面，页脚就在页面的中间，如下所示：。
我需要把页底的页脚拉出来。
下面是页面的说明：。
怎么把脚拉下来？
浏览 3提问于2015-01-25得票数 1
回答已采纳
2回答
将脚贴到底部(当显示时)
、、、、
好的，让我解释一下我想做什么:
我有一个基本的页脚，在每一页底部
我不想让它一直出现
页脚必须在页面一直向下滚动时出现，甚至在页的底部-大部分部分(不是在内容之后，而是窗口边框结束的地方)出现。
，让我们以它为例:
一个非常短的页面:页脚确实会出现在内容的底部。我要把它显示在窗口的底部，。
很长的一页:页脚在内容末尾之后。
这怎么可行？
浏览 3提问于2014-02-11得票数 0
回答已采纳
1回答
我正在使用以下css在打印时创建页脚：
@media all {
.page-break { display: none; }
.footer {display: none; }
}
@media print {
.page-break { display: block; page-break-before: always; }
.footer {display: block; position: fixed; bottom: 0; text-align: center; width:100%;}
}
在html中，我有类似于：
<body>
浏览 0提问于2013-04-11得票数 2
4回答
(我正在寻找一个HTML/CSS修复，但如果真的没有，那么JS (最好是JQuery)适合我)
我的页面中有两个主要的div，我有#maincontent和#footer。
基本上，我希望页脚始终位于页面的底部：
#footer{
position:fixed;
bottom:0;
}
但是当页面太小时，我不希望它在#maincontent上溢出。对于这个问题，页面可以被认为是简单的：
<body>
<div id="maincontent">Dynamic Content</div>
<div id="footer"&
浏览 0提问于2014-01-31得票数 0
3回答
我想把我的脚放在页底。如果页面足够长，我想要滚动到页脚。如果页面太短，我仍然希望我的页脚在视图的最底部。我不介意空的地方。
我怎样才能尽可能不痛苦地做到这一点？
我试过navbar-static和nav-bar fixed，他们都不做我想要做的事情。是用间隔div或其他东西填充空间是唯一的方法，还是使用CSS3或javascript的更优雅的方法？
接受任何和所有的想法/建议。
这是我的HTML。没有什么特别的，因为我尝试了position: absolute;bottom:0px;，它将页脚放在较短页的底部，但在较长的页中，底部挂在页面重叠的内容的中间。
这段代码将页脚放在页面底部，但是在比
浏览 3提问于2016-01-31得票数 1
回答已采纳
我正在尝试添加一个HTML页面的页脚。然后打印HTML，页脚应该在每一页的底部。但是，我有个问题。
在HTML中生成了一个表。表格行可能需要2页或更多页才能显示。包含表格的页面上的页脚与表格行重叠。如何解决这个问题？我的计划是将页脚放在bottom:0下面，但是页脚甚至不会显示。有没有解决这个问题的办法？
这是我的页脚：
<footer>
<div class='div_footer'>
<?php echo "This is footer"; ?>
</div>
</footer>
这是我用于打印的C
浏览 0提问于2017-10-30得票数 0
我试图实现一个典型的布局，其中有一个页眉，中间和页脚区域。我特别想确保页脚永远不会高于可见屏幕的底部。换句话说:当中间有短的内容时，页脚应该正好在页面的底部；当中间有高的内容时，页脚可以在折叠下面，并且必须在中间内容的底部。
另一个限制因素是，我正在使用大量现有的HTML，而这些HTML是我无法全盘更改的--我基本上只能更改所涉及的CSS。中间区域有时是表标记，有时是div。这就是问题所在- div和table在这里的表现不同(最新的Chrome，Safari & FF)。
我可以使用哪些CSS来同时适用于表和div (并且在桌面浏览器的合理范围内工作，让我们说说过去3年的任何事情)？
浏览 0提问于2013-06-28得票数 0
回答已采纳
1回答
我有一个英雄部分与绝对定位文本模式在背景图像。我希望文本模式坐在中间，在背景图像上，无论文本(页面)在英雄图像下面多长时间。我已经缩小了问题的CSS我已经到位，以保持页底的页脚，低于所有的内容。如果我删除正文CSS选择器中的position: relative，那么模式将像它应该的那样位于英雄部分的正中，但是我的页脚会跳到视图端口的底部，而不是页面上所有内容的底部。
如何将页脚保持在页面所有内容的底部，如何将文本模式保持在英雄部分的垂直和水平中心？
请参阅“我的代码沙箱”：
页脚片段：
body {
margin: 0;
min-height: 100vh;
padding-bot
浏览 4提问于2021-05-14得票数 0
回答已采纳
1回答
我们使用mpdf从html页面创建一个pdf。我们正在为除第一页和最后一页以外的所有页面设置页脚。页脚都是一样的。问题是页面的内容与页脚重叠。也就是说，内容不是停在页脚上方，然后转到下一页，而是一直到页面的底部，并与页脚重叠。现在，在你保存分页之前，pdf的页面内容是动态的，长度会从几个段落变化到多个变化，所以不是简单的放入分页符的情况。
以前有人这么做过吗？知道秘诀吗？
谢谢
浏览 0提问于2011-09-17得票数 3
2回答
带靴带的对接脚
、、、、
假设我有下面的“模板”来描述我的页面应该是什么样子的：
我的页面由一个页眉、一个内容部分(每个页面不同)和一个页脚组成。页高是页眉高度+内容高度+页脚高度。注意到脚的高度，它很高/很结实。我对此没意见。
我不想要“粘性”页脚，而是寻找以下功能：
如果页眉高度+内容高度大于视图/窗口高度，我不希望在用户滚动到它之前显示页脚(正常的页脚行为)；但是.
如果页眉高度+内容高度+页脚高度小于视图/窗口高度，我希望将页脚固定在视图端口的底部。这意味着，如果某一特定页面的内容非常小，甚至是完全空的，我希望将我的页眉固定在窗口的顶部，而页脚则固定在底部。
我需要做什么来改变我的f
浏览 3提问于2014-10-20得票数 2
回答已采纳
2回答
我试图让一个页脚冲到页面的底部，但不一定是粘粘的--只是在底部，以防用户滚动。
这“工作”，但似乎有一点空白在底部后，页脚出现，这看起来有点尴尬。有没有人知道用CSS将页脚冲到底部并将其保持在最底层而不使其粘稠的最佳方法？
如果你想让我发布我的html/css，请告诉我。
浏览 4提问于2014-11-06得票数 3
回答已采纳
我尝试在页面底部为每个HTML页面设置一个页脚。 在我的主索引页面上，它设置在底部，因为我在页面上有几个部分，其中包括一个文本块和一个视频并排坐在页脚上方。 在另一个HTML页面上，我只是设置了导航栏和页脚的样式。main标记没有内容。此页面的页脚位于屏幕的一半位置。 我已经研究了不同的解决方案，并尝试了bottom: 0以及position: fixed和position: absolute，但绝对只是使我主页上的页脚掩盖了文本/视频部分和页脚之间的水平线，以及视频和文本的最底部。Fixed使其覆盖所有内容，并且在页面底部执行与绝对相同的操作。 .about {
display:
浏览 23提问于2019-05-25得票数 0
回答已采纳
我被这个html问题困住了。
我有一页。我希望它的页脚停留在底部，并有证明距离的元素高于它。这里是Twitter + G+ div。
请查看@media (min-width:481)内部的css。
我试过这个：
html, body{
height: 100%;
}
.fuss{
position: absolute;
bottom: 0;
}
这适用于大屏幕，但如果我将窗口调整为15英寸屏幕的小型笔记本电脑，页脚将遍历我的Twitter和G+元素。这是为什么？
这是页面：页脚在大屏幕上工作很好，但在小屏幕上页脚会超过其他元素，而不会停留在底部。
请帮帮忙。
谢谢。
浏览 4提问于2013-08-19得票数 1
回答已采纳
在我的html代码中，我有一个这样的表
|-------|
|-------|
| | |
| | |
| | |
|-------|
左下角的单元格是一个固定的位置，因此当您滚动页面时，它会上下移动。它基本上是右下角单元格内容的菜单。顶部的单元格是主菜单。
同样，整个页面都有一个页脚，它总是粘在页面的底部。这是我不能修改的东西，因为我只能将我的html添加到现有页面，而不能修改包括该页脚在内的其他内容。
问题是，当我滚动到页面的底部时，我的固定位置菜单会与底部的页面页脚重叠。
有没有办法让菜单的底部不会超过右侧单元格的底部。从而使菜单永远不会与页脚重叠。
谢谢
浏览 1提问于2013-08-03得票数 0
请参阅此链接中的图像：
在上面的图像链接中，我已经覆盖了黑色矩形的页脚，我希望它应该总是在底部最后，没有任何底部的空白。
实际上，当我删除页脚上方的div时，问题就出现了。我给你负责这个的代码：
HTML
<div id="footer">
<div class="shell">
<!--content here-->
</div>
</div>
CSS
.shell { width:988px; margin:0 auto; }
#footer { height:4
浏览 2提问于2012-10-24得票数 2
大家下午好。我有css的儿子，我希望有人能帮我做这件事。我正在尝试打印某种从html页面中提取的html文本，并带有页眉和页脚。这个页脚必须留在页面的底部，如果有第二个页面，它应该出现在该页面的底部。不管怎样，我让小提琴表演了。html看起来很棒，但当我用pdf打印机打印页面时，文本与页脚重叠，但只有在Firefox中，如果在Chrome上运行小提琴，它会打印第二页最后一段下面的页脚。
你知道如何实现这个想法吗？
浏览 3提问于2012-07-14得票数 0
3回答
我是网页设计的新手，我一直在寻找答案，我几乎尝试了所有我能找到的东西，但都不能得到我想要的。好的，我知道在浏览器中将页脚粘贴到页面底部有很多解决方案。但我的问题不是关于页脚在浏览器中的样子，而是在打印输出中。我的布局是这样的：
<html>
<body>
<div id="content">
<table>
more divs... more content...
</table>
<table>
more divs... more cont
浏览 0提问于2012-09-30得票数 1
回答已采纳
编辑:使用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回答
保持页脚和页底
、、、
我有一个网页https://jiwidi.me/home/，其中我有一个页脚，我想留在页面的底部，即使我注入html代码与js代码。页脚可以在主页https://jiwidi.me/home/上工作，但在https://jiwidi.me/home/blog/上就不能工作了，因为页脚不在底部。在博客页面中，我插入了html代码，这样页面的尺寸就会发生变化。 我当前的页脚css如下所示： footer {
clear: both;
margin-top: -200px;
position: absolute;
bottom: 0;
width: 100%
浏览 12提问于2021-04-17得票数 0
回答已采纳
3回答
在最后一页的最底部打印表尾
、、、、
我使用一个表格在每个页面上创建一个页脚(在Firefox中工作，这就足够了)。
JS小提琴：
(右击output窗格-> This Frame -> Open Frame in New Tab。然后打印预览将正常工作)
<table id="wrapper">
<thead>
<tr>
<td id="header"></td>
</tr>
</thead>
<tfoot>
<tr&g
浏览 44提问于2015-10-31得票数 24
回答已采纳
1回答
我注意到了我无法消除的小故障，在网站的所有页面上，灰色页脚并没有被粘贴到屏幕底部。
下面是一小页：
正如我所看到的，页脚下面的空白属于<body>标记，但我无法修复。
我试过：
position: absolute;
bottom:0;
但在没有帮助，也像改变垫，边缘风格的身体，内容或页脚。
请帮帮忙。
浏览 4提问于2014-08-22得票数 0
回答已采纳
1回答
HTML中的表可以有"footers"：
<TABLE>
<THEAD><TR><TD>Your header goes here</TD></TR></THEAD>
<TFOOT><TR><TD>Your footer goes here</TD></TR></TFOOT>
<TBODY>
<TR><TD>
Page body in her
浏览 2提问于2011-03-09得票数 8
回答已采纳
3回答
这是一个测试代码，但我需要在页面的真正底部设置页脚。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<?php
浏览 3提问于2015-12-30得票数 0
回答已采纳
2回答
我被要求在html网页的每个页面的底部打印出一个页脚(而不是浏览器上的实际页面)。你们知道怎么做吗？(它应该可以在IE上工作，IE就可以了)
我尝试使用固定底部，但内容与页脚重叠。
我尝试使用javascript计算空间，并给出一个空的div高度:如果页脚的底部% page height !=0，则添加所需的间距。但是页脚底部的值和所需的空白似乎会随着元素类型的改变而改变。
var printPageHeight = 1900;
var mFooter = $("#footer-nt");
var bottomPos = mFooter.position().top + mF
浏览 0提问于2013-07-05得票数 11
回答已采纳
伙计们，我遇到了印刷媒体css的问题。在html页面中有两个div，body和footer。
<div class="main-template-body" id="main-template-body">
//content
</div>
<div class="main-template-footer">
//footer
</div>
当打印网页，我需要页脚是固定在每一页的底部。因此，我使用了下面的css &它工作得很好。
.main-template-footer
浏览 2提问于2016-11-22得票数 1
3回答
关于基于web的智能手机应用程序中的页脚，我有一个问题(我们正在使用HTML5和CSS3)。
我想把页脚固定在底部。但在移动设备(iPhone、安卓和BlackBerry)上，页脚不会显示在底部。当我移动它时，它将与页面的其余部分一起滚动。有没有办法把它固定在最低端？
谢谢阿希什
浏览 4提问于2011-03-03得票数 3
回答已采纳
1回答
仅用于第一页的PDF页脚
、、、
我有一个报告写的，并在一个html的工作。它有一个页脚，只显示在每一页上。我可以按我想要的方式打印多页吗:第一页有页脚，其余页没有页脚。 我的问题是当报告作为单个页面生成时。如果报表只有一页，则在底部恰好有页脚。但是，当有超过2-3页重复页脚，我只希望页脚只出现在第一页。 检查注释中的链接。
浏览 10提问于2019-03-15得票数 1
我的网站有一个大问题(基于Joomla和一个免费模板)。当我转到这个页面：时，我应该将{ p.stickynote }的页边距设置为{边距-底部:300 my；}，以解决我的问题。
如果您只是尝试使用{页边距底部:300 my；}，那么您将看到这种行为，删除这个边距将使这个div出现在我的页面的中心。
我添加了这些属性{底部:0px；}{位置:固定；}到{ div style=“底部: 0px;”“id=”页脚-盖子}，但是背景“底部的黑横幅”仍然相同。
有什么建议把它固定在网站的底部吗？
浏览 8提问于2009-11-11得票数 0
回答已采纳
在技术上，我知道如何在mpdf中设置html页脚，但我有一个无法解决的问题。
我正在开发票。发票上有一个项目表，它可以根据项目的数量而变化。在最后一页.在发票项目表之后，我设置了一个页脚，上面有公司的同意和一个签名字段。因此，包含这两个元素的块位于当前页面的末尾(高度约为70毫米)。它不需要成为页脚；固定块也可以工作(但同样的问题也适用)。
The Issue
当列表项相对较小时，它就像预期的那样工作得非常好；而且，当列表项更多时。但是，当列表项在某个范围内时，内容会重叠。
目前我尝试过：
选项1使用底部的固定位置设置块。
问题:同样的。
选项2增加边缘-底部到70毫米。
问题:重叠是固定的，
浏览 0提问于2021-01-29得票数 0
回答已采纳
4回答
我似乎找不到如何在页面底部放置div (页脚)，而不是在屏幕上。我看到的许多答案都说绝对或固定，但这会将页脚带到屏幕的底部和页面的中间。
HTML
<div id="footer"></div>
CSS
#footer{
bottom: 0;
}
因此，让问题变得简短:如何在页面的底部而不是屏幕上放置页脚。
浏览 3提问于2015-06-14得票数 0
1回答
可能重复：
如何才能像Microsoft一样，在我所有html页面的底部插入一个文本页脚。我有一个很长的html页面，这是故意的，因为它是一个表单。但是，我怎么能像微软Word一样，在每一页的末尾插入一个文本页脚，这样，如果我在IE中打印预览，我会在所有页面上看到文本页脚。有可能吗？
谢谢大家的帮助。
浏览 1提问于2012-11-23得票数 0
回答已采纳
我正在尝试创建一个报告，其中有一个要求，页脚必须放置在最后一页的底部。报告体根据从数据库返回的记录数动态加载。报告可以是1页或更多。
我已经尝试使用粘性页脚，这对于查看网站上的HTML是可以的，但是当报告的长度大于1页时，当查看打印预览屏幕时，页脚与报告的正文重叠，并且页脚保留在第一页而不是移动到最后一页。
有没有人知道在创建可打印屏幕时，在最后一页的底部放置页脚的方法，该屏幕的格式正确，用户无需使用粘性页脚即可打印。
当有多个页面要打印时，我实现的粘性页脚不能在打印预览屏幕中正确显示。
浏览 0提问于2013-02-06得票数 6
2回答
我有一个问题，在我的html文档底部有一个白色间隙，我相信问题在于浮动，透明，显示属性的组合使用不当，但我不确定。
我有一个包含在页面的主文件夹div中的页脚。此页脚具有50px的页边距-顶部以提供所需的布局，但问题是在较小的屏幕上(如我的笔记本电脑，这是一个标准尺寸的笔记本电脑)，在html和页面底部之间似乎有一个白色的间隙-它看起来不仅像是持有者div，而且html不会通过页脚和页边距-top来“清除”。
这是网址，因为它很难解释，我相信我已经接近解决了摆弄浮动，清除和删除页边距，但不能完全到达那里…有什么想法吗？如果您能给我指点，我将不胜感激：
tinyurl.com/7ywoqpf
这
浏览 0提问于2012-03-07得票数 0
我目前正在处理一个可以跨越多个页面的发票，我希望签名出现在发票最后一页的底部附近。
我的想法：
如果发票只有一页长，我想在Row 39.上签名
如果Row 39中有数据，那么将脚注放在下一页的末尾，即Row 86 (添加47行).
继续这样做，直到找到空行为止。因此，如果Row 133.有数据，那么添加另一个47 Rows并将页脚放在Row 86中
我在弄清楚如何使循环工作时遇到了一些困难，我知道在使用count while i > (在这里插入数量)时如何让循环工作，但在找到空行之前，我不知道怎么做。
浏览 5提问于2021-02-28得票数 0
3回答
我需要帮助保持我的页脚粘在底部，但也不要重叠上面的元素。我还是新手/生疏，因为大学毕业后我花了两年时间才找到一份网络工作，所以我没有跟上我应该做的事情。
不管怎么说，这就是我的html的格式。我想让“页脚”卡在底部，这样当他们从底部向上滚动时，它就会留下来。但我也不希望它被推得太高，以至于在它下面留下空白。
我一直在尝试对页脚使用"position: absolute“样式，以使其位于底部。但我刚在某处读到，这使它脱离了常规流程，这就是导致重叠的原因。
那么，我如何重新格式化我的样式，以允许页脚保持在下方，而不是重叠？
HTML：
<html>
<header>
浏览 3提问于2018-04-26得票数 0
9回答
我想在我的页面底部显示一个页脚。如果页面比1屏幕长，我喜欢页脚在滚动到底部后才显示出来。所以我不能用“位置:固定”，因为那样它就会一直显示出来。
我试图复制以下示例：
然而，当我使用以下内容时，页脚由于某种原因正在显示我的长页。
position: absolute; bottom:0
我有短页和长页，我希望它在两者的底部。
我怎样才能把页脚放在底部的长页上呢？
Fiddle
我创建了这些Fiddle来显示问题并测试代码。请张贴一个工作的例子与您的解决方案。
我的页脚css:
html,body {
margin:0;
padding:0;
hei
浏览 6提问于2015-01-24得票数 20
回答已采纳
1回答
我有一个html页面，在这个页面中，我显示了一个包含数据库数据的表以及页面底部的一个页脚。
问题是，随着较小的屏幕(小于760 is )页脚，而不是位于底部，向上，因此重叠和隐藏显示数据的一部分。
我希望无论屏幕大小，页脚应该始终放在页面底部。
下面将提到我的代码片段。请您提供解决方案。
编辑1：a(静态)场景可在代码页url (请查看较小的屏幕大小)：
页脚元素
<div class="footer">
<div class="container">
<p>Designed & Created
浏览 3提问于2016-10-06得票数 0
回答已采纳
1回答
我的最后一组页脚设计为显示在页面底部。当我运行一份报告时，所有的东西都保存在一页上，看起来很好。
当我运行多个报表实例时，这个组页脚会在第二页底部打印，但是前面的所有内容都是完全空白的--即使在第一页有足够的空间时也是如此。当我取消选中页面底部的打印时，页脚会出现在第二页的顶部(即使在第一页上有足够的空间)。
如何规范这种行为？
浏览 0提问于2016-07-27得票数 0
现在我让:header => {:html => {:template => "layouts/pdf_header.html.erb"}}进行设置。有没有我可以传入的东西，它只会在文档的第一页显示页眉？
我也可以对页脚执行此操作吗？这在这里几乎更重要，因为当页脚每次都有不同的长度和页数时，我真的想不出任何其他方法来让页脚动态地粘在页面的底部。
浏览 9提问于2012-11-15得票数 2
回答已采纳
我使用的是报表生成器3.0。我没有使用表格或列表。我在文本框中使用表达式。值显示得很好，甚至可以扩展到新页面，这就是我想要的。现在我的问题是，我有另一个文本框，不管报表最后有多少页，它都必须放在最后一页的底部。此文本框不能仅位于第一个文本框之后，它必须位于最后一页的底部(作为报表页脚)。我不能使用页脚，因为它会在前面的页面中留下空白，这不是业务想要的。对于如何实现这一点有什么想法吗？谢谢,
浏览 2提问于2017-03-22得票数 0
1回答
我有一个网站的布局，我正在工作，基本上我有大约10页，但我的页脚不会停留在同一个地方。我尝试了这么多不同的代码，但都失败了。
页脚应该停留在页面的底部，在每个页面上相同的位置。
我对此相当陌生，所以如果有任何明显的错误，请耐心等待。
我已经创建了一个JSFiddle，其中页脚在底部，但它在我需要的深度。
#footer {
width: 100%;
height: 20px;
text-align: center;
clear:both;
position:relative;
}
我已经用另一个页面创建了另一个JSFiddle，它根本不在我想要的地方。
任何建议都非常感谢
浏览 0提问于2014-12-17得票数 0
回答已采纳
1回答
我是一个初学者与一个网站在Dreamweaver CS4使用超文本标记语言和CSS。每个页面的内容数量都略有不同。页面内容被设计为与页脚“重叠”，以便可以在主要内容(图像)的底部后面看到页脚的顶部，并且页脚的底部与页面的底部对齐。
虽然我一直在尝试改变所有的页边距和填充值等，但我还没能达到这样的效果:页脚允许在每一页上放置相同数量(高度)的内容。
我想要的是页脚总是低于所有其他内容，但具有负的顶部边缘/填充效果，允许主要内容的底部坐在它上面-我似乎就是不能做到这一点！我们将非常感谢您的建议。提前谢谢。
浏览 1提问于2011-03-03得票数 0
2回答
我已经插入了页脚，但是当我打开网页的预览时，页脚在底部，但是一旦我向下滚动，它就被卡在页面中的一个位置上。我不希望它是固定的或粘性的，只是希望它能在用户滚动到页面底部后查看。
以下是我的html中的脚注div标记
<div id="footer">
FOOTER
</div>
此页脚的css如下所示
#footer {
height: 50px;
position:absolute;
bottom:0px;
left:0px;
width:100%;
}
我不知道我是否与页面上的其他位置有问题，导致页脚停留在一
浏览 4提问于2015-10-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
