github的页脚定位问题
基础概念
GitHub 是一个基于 Git 和 Web 的版本控制系统，允许开发者存储、管理和协作项目代码。GitHub 的页脚通常包含版权信息、链接到 GitHub 的其他页面（如隐私政策、条款等）以及一些社交媒体链接。
相关优势
- 易于使用：GitHub 提供了直观的用户界面，使得开发者可以轻松地管理代码仓库。
- 协作功能强大：支持多人协作，包括分支管理、Pull Request 等。
- 丰富的生态系统：有大量的开源项目、库和工具可供使用。
类型与应用场景
GitHub 的页脚定位问题通常涉及到网页布局和 CSS 样式。在网页设计中，页脚通常位于页面底部，用于显示一些辅助信息。
- 固定页脚：无论页面内容多少，页脚始终固定在页面底部。
- 粘性页脚：当页面内容较少时，页脚会跟随内容滚动；当内容足够长时，页脚会固定在页面底部。
应用场景包括个人博客、企业官网、项目仓库页面等。
常见问题及解决方法
问题：GitHub 页脚没有固定在页面底部
原因：
- 页面内容不足以填满整个视口，导致页脚没有到达底部。
- CSS 样式设置不正确，导致页脚无法固定在底部。
解决方法：
使用 CSS 的 Flexbox 或 Grid 布局可以轻松实现页脚固定在底部的效果。以下是一个简单的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GitHub Footer Example</title>
<style>
html, body {
height: 100%;
margin: 0;
}
.container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.content {
flex-grow: 1;
}
.footer {
background-color: #f8f9fa;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<!-- 页面内容 -->
</div>
<div class="footer">
<!-- 页脚内容 -->
<p>© 2023 GitHub. All rights reserved.</p>
</div>
</div>
</body>
</html>在这个示例中，.container 使用了 Flexbox 布局，并设置了 min-height: 100vh 以确保其至少占据整个视口的高度。.content 使用了 flex-grow: 1 以填充剩余空间，从而将页脚推到页面底部。
参考链接
请注意，以上代码和教程仅供参考，实际应用中可能需要根据具体需求进行调整。
相关·内容
我刚刚开始使用Scala和Lift，我对这个非常基本的问题表示歉意，但是我如何“导入”或者更确切地说是将HTML文件嵌入到布局/模板中呢？
基本上，我有一堆布局，每个布局都有硬编码的页脚。我想将页脚提取到一个单独的HTML中，然后在所有布局文件中引用它。
浏览 1提问于2013-11-14得票数 0
回答已采纳
1回答
我正在使用同位素来显示一个引导3框架内的图像网格。我有一个粘性页脚(使用推荐的绝对定位，底部设置为0)。
当浏览器窗口的高度降低时，包含同位素-d图像的div并不会停留在粘性页脚开始的位置--因此底-- div中最底层的60 of (实际数量取决于为页脚设置的高度)由脚注或扩展到页脚下面的页脚或扩展来隐藏。差异取决于我是否为容器div设置了一个高度。
这是来自的html
the codepen contains an example
我猜这个问题是因为同位素定位的所有图像都是绝对定位的。对于如何正确处理这个问题，有什么建议吗？
谢谢
浏览 2提问于2016-07-23得票数 0
回答已采纳
2回答
代码：
问题：
我试着把页脚放在页面的底部。因为当我必须向下滚动时(当我在页面中有很多内容时)，页脚就会挡道：
但是当我不需要滚动的时候。页脚恰到好处。
我该如何解决这个问题？
我尝试过的：
在body中添加position:relative;这会以某种方式隐藏页面顶部的页脚，并且margin-top不起作用在footer中设置position:relative;会再次显示页脚，但是它会以某种方式粘在页面的顶部
在body中添加display:flex; flex-direction:column; min-height:100vh;将使页脚再次出现
浏览 63提问于2020-05-25得票数 0
回答已采纳
1回答
不能让我的脚粘在底部
、、、
我已经编码了大约一个星期了，我正在自学(希望这能解释我在这段代码中的许多错误)。
我已经尝试了十几个例子，让我的页脚坚持在页面底部。当我试图更改包装器或页脚的“位置:绝对”时，它要么在浏览器窗口和页眉之间产生空白，要么将页脚放在顶部。
我不知道怎么解决这个问题。(我的代码的一些提示也是非常感谢的！)
CSS
谢谢!
浏览 1提问于2013-10-23得票数 0
回答已采纳
2回答
我正在用PHP，HTML和CSS制作一个Wordpress主题。当添加更多的文本时，我的页脚会自动漂浮在白色内容块的下方。
现在，我想添加另一个图像，它必须覆盖页脚和白色内容块。但是..。我希望它在添加更多文本时向下浮动，就像页脚一样。
这里有一个让我的问题变得清晰的链接：
因此，我希望包含纸张和铅笔的图像同时覆盖div的页脚和白色内容块。当添加更多的文本时，它也需要向下浮动。
哦，我的页脚的外边也有一个问题，你可以看到有空间，但是页脚必须在宽度上全屏显示。
-Thanks
浏览 1提问于2012-03-20得票数 0
回答已采纳
2回答
我的xhtml页面上的页脚有问题.我希望始终将页脚放在页尾，放在页底，这样当页面内容不佳时，页脚就会粘在屏幕底部，但是当页长得多时，页脚就会停留在页的最后内容之后。
我该怎么做？
这是我的CSS文件
html {
height:98%;
margin: 0 auto 0 auto;
width:1280px;
padding:2px;
padding-bottom:0px;
}
body {
overflow:auto;
width:100%;
margin: 0 auto 0 auto;
height:100%;
}
#contai
浏览 2提问于2014-01-24得票数 1
回答已采纳
好了，这就是我的css + html。
问题出在页脚。不知道该怎么做。
有人能告诉我我哪里做错了吗？
此外，如果我在div中插入了太多的文本，我仍然会遇到文本(在div中称为child 2，即文本主体)与页脚重叠的问题。为什么我不能防止任何东西重叠页脚？我已经试过把页脚放在包装器(字段)之外，我已经尝试了所有的方法。但是当你有太多的文本时，文本只会重叠在页脚上。我应该再试一次填充吗？编辑:不，仍然不能工作。
页脚被称为Child 4(即使它不是"field“的孩子，也就是我的html中的main wrapper )。
我已经访问了几个网站，有很好的细节。甚至尝试了那里提供的一些css
浏览 2提问于2011-02-04得票数 0
3回答
我的脚有点问题。我有一个包含一些内容的页面，在一些设备上(比如移动放大视图)，我的页面内容不会填充父设备的高度，而在某些设备上，它会填充。页脚给这些不同的高度造成了问题。当内容未填充父设备高度时，页脚将正确显示在页面底部，但当内容填充父设备高度并溢出时，页脚将显示在内容上。
内容未填充父级高度的页脚(正确显示)
内容过多的页脚(没有正确显示)
画面质量不那么清晰，但问题是显而易见的。
这是我一直在使用的CSS代码。
#footer{
display:block;
margin-right:auto;
margin-left:auto;
浏览 5提问于2013-08-09得票数 0
回答已采纳
我有一页页，页脚有：
postion: absolute;
bottom: 0;
当窗口的高度大于内容时，它工作得很好，但当窗口的高度小于文本时，页脚显示的内容就会显示在文本上面。我试着
body {
min-height: 550px;
}
但这并不能解决问题，我可以滚动，但页脚是对齐的底部的视图，(在android上，页脚是唱到窗口底部时，我滚动)。
当有滚动条时，可以将页脚对齐到页面底部吗？
这是我的。
浏览 5提问于2013-09-10得票数 3
回答已采纳
5回答
页脚不粘在底部
、、、
我遇到了问题，我的页脚粘在我的博客整个页面的底部。我遇到了两个问题。首先，如果我使用position:absolute，页脚会上升到博客主页的中间。如果我不去管它，它会粘在博客的底部，但在整个博客页面上却会上升到中间。页脚是我经常遇到的问题。
下面是我当前用于页脚的CSS样式
footer {
text-align: left;
background-color: #f4f4f4;
padding-top: 40px;
padding-bottom: 40px;
z-index: 1;
bottom:0;
width:100%;
}
这里有一个指向页面的链接
浏览 6提问于2013-01-21得票数 1
1回答
我正在尝试制作一个包含3个元素的页面:页眉、页脚和内容。顾名思义，我希望页眉贴在顶部，页脚贴在底部，内容贴在两者之间。我已经做了一个布局，它把页眉和页脚放在它们应该在的地方，但是内容要么与它们重叠，要么反过来，内容应该变得更小。
我的问题是页眉和页脚将用于许多不同的事情，因此当涉及到高度时，它们是动态的。
有没有办法让内容填满页眉和页脚之间的空白处，而不重叠它们呢？
如果可能，我会更喜欢纯CSS，但如果这是不可能的，我也想要一个JavaScript的建议。:)
谢谢!
编辑:这是我拿到的自动取款机。
<div class="container">
<d
浏览 3提问于2012-08-22得票数 0
6回答
我正在计算窗口高度和其他元素的高度，并使页脚留在底部。我尝试使用JavaScript，但是页脚只接受页眉元素的高度，并在页眉下方对齐页脚。我想在JavaScript的帮助下让页脚留在底部。在css中使用位置作为固定来剪辑内容。我希望页脚随着内容的增长而增长。这就是我试图用JavaScript或JQuery而不是纯CSS来实现这一点的原因。
$(document).ready(function() {
function pageheight() {
debugger
var ContainerMinHeight = ($(window).height()) - (($("heade
浏览 0提问于2019-10-15得票数 0
3回答
脚不会一直在下面
、、、、
我尝试了这么多不同的东西，我不能让我的脚停留在底部。
使用Opencart使我更难找到问题所在，但我只是不知道原因。
下面的链接显示了复制问题的位置。但是，当任何页面上的内容最少时，就会出现问题。因此，从技术上讲，由于页脚显示在所有页面上(作为一个公共文件)，这是一个持久的问题。
我的绳子快到了。有人能看一看代码并发现潜在的问题吗？解决办法？为什么我的脚不趴下？
编辑:页脚代码..。
<div id="footerwrapper">
<div id="footer">
<div id="links
浏览 7提问于2014-02-12得票数 0
回答已采纳
所以，我承认我不擅长CSS，这对我来说可能是愚蠢的，但我想在我的网站上的每个页面的底部都有一个粘性的页脚。
我使用的是绝对位置这是我页脚的CSS
position:absolute;
bottom:0;
height:50px;
padding: 10px;
width:100%;
当控制台关闭时，它可以工作，但如果我打开Chrome开发人员工具，页脚突然上升，就好像它固定在浏览器窗口上一样，但事实并非如此。
我做错什么了吗？
别人是怎么处理粘性脚注的？
编辑
我用这个问题的一个例子创建了一个简单的codepen
打开页脚下面的开发工具，你会注意到页脚
浏览 5提问于2017-02-23得票数 3
回答已采纳
3回答
CSS绝对定位故障排除
、、、
我的网站的FooterWrap :标题横幅(横幅内部div:是另一个div调用innerbanner )主要内容第二个内容div
我在一个我试图开发的网站上有几个div标签，其中两个div标签我使用的是绝对位置(一个用于横幅，第二个用于页脚)，但是当我使用横幅的绝对位置时，它会向上推动我的主要内容div使其不可见，但我的页脚没有这个问题。你能帮我吗？
浏览 3提问于2014-03-19得票数 0
7回答
首先，我不得不说，我研究了与我相关的主题，但没有解决问题。
我的问题是什么？我使用position : absolute & bottom : 0使页脚固定在页面底部。但除此之外，我还有一组小部件！页脚与它们重叠。我使用float : left使小部件保持在一行中。我试着清除他们的浮点，但不起作用。在这里，我为您提供了特定的代码片段和屏幕截图。
代码片段： *注意css下的
非常感谢:)
浏览 1提问于2013-03-06得票数 2
1回答
在我的web应用程序中，我有一个用于小屏幕的粘性页脚。问题是粘性页脚根据键盘的状态上下跳。
我正在寻找它被覆盖在移动键盘。下面是用于粘性页脚的css
width: 100%;
position: fixed;
bottom: 0;
height: 85px;
left: 0;
right: 0;
有什么解决办法吗？
浏览 4提问于2015-05-18得票数 3
回答已采纳
1回答
我很难让我的网站上的页脚工作。页脚被分成两部分。第一节是mainFooter区，第二节是类似版权区。
我有版权领域的徽标和mainFooter的标志。我需要让他们中的两个人时刻保持一致。这真的是一个标志，但分裂成两个脚，因为它是一个愚蠢的标志。
就是这样：
因为这一行，我们必须将页脚分成两部分。但是，“现在艺术”的文字绝不能与建筑物不一致。
因此，我的解决方案是在这两个元素上使用绝对定位，设置右:0，底部:0，并使用边距、顶部/底部调整它们的位置。
问题是，这只在徽标真的很远并且没有真正与页面上的其他内容对齐的情况下才能工作，因为所有其他内容都是以中心为中心的。这就是我的意思：
浏览 1提问于2014-04-04得票数 0
回答已采纳
我在一个网站上工作，有时页面可能不会覆盖整个屏幕的高度(因为内容较少)，这会在页脚下面创建空的空白。我试图通过始终将页脚保持在视口以下来解决这个问题。我尝试过很多方法来解决这个问题，但是它们都解决了一个问题，创造了另一个问题。
这是一个关于我到目前为止所拥有的。
只有当我将height:100%设置为body和html时，它才真正起作用，但这使得DOM中的内容溢出，这是我试图避免的。另外，因为站点需要一个装箱的布局，所以我需要用代码中使用的#page-包装div包装页面内容和页脚。
请让我知道，如果有办法实现这一点，与给定的标记。
谢谢!
编辑：这里是一个稍微更新的
浏览 1提问于2014-06-10得票数 1
我有一个相对定位的容器，包含页眉、侧边栏、主要内容和页脚的div。
我的问题是侧边栏和页脚组件。对于我的侧边栏，我必须使用顶部和左侧指定的值来绝对定位它(它也有一个10的z索引设置)。
这一切都很好，但是通过使侧边栏成为绝对的，并且侧边栏包含我的菜单，这个侧边栏div实际上位于我的页脚div的顶部，我希望它位于侧边栏的下面。所以当我的菜单侧边栏增长时，我的页脚div (它没有CSS位置)总是位于我菜单的高度之后，这个高度可以是任何高度。
不幸的是，我的网站还没有托管，所以我不能给你指出它。
浏览 5提问于2010-07-15得票数 0
我想把我的页脚固定在底部的空白处。我认为内容比这个问题少，重复和内容完整的问题解决了，但我想内容少，不显示差距，我使用相同的页脚，其余的页面，所以帮助我任何人。
浏览 0提问于2016-01-27得票数 0
3回答
关于基于web的智能手机应用程序中的页脚，我有一个问题(我们正在使用HTML5和CSS3)。
我想把页脚固定在底部。但在移动设备(iPhone、安卓和BlackBerry)上，页脚不会显示在底部。当我移动它时，它将与页面的其余部分一起滚动。有没有办法把它固定在最低端？
谢谢阿希什
浏览 4提问于2011-03-03得票数 3
回答已采纳
1回答
我有个问题好像解决不了。我有一个大的背景横幅，这是设置为position: absolute的问题是，我希望我的页脚总是在它下面-无论横幅有多高。
一个例子:页脚看起来很好：http://danne-bro.com.web122.curanetserver.dk/histor.aspx页脚不好：http://danne-bro.com.web122.curanetserver.dk/who.aspx
正如你在源码中所看到的，我已经尝试了很多东西。我正在尝试实现的内容的一个抓取版本是这样的：
<div id="fit">
<div class=
浏览 0提问于2012-12-07得票数 1
回答已采纳
2回答
我需要检查一下身高问题..。
这是我的页面的链接：
如果一直缩小，#article div背景将不会移到页脚。如何使#article的高度100%减去横幅、导航和页脚，因为导航div将是动态高度。
我试图对页脚执行position:absolute操作，但我不认为我可以对横幅和导航div执行相同的操作。
浏览 1提问于2012-12-04得票数 0
1回答
嗨，我有一个css问题，因为我试图将页脚粘贴到页面的底部，但它只把它放在视窗去的最远处，而不是文档的底部。
有人能告诉我为什么会这样吗？
我的css和html非常简单，尽管在读了很多例子和尝试之后，我仍然不能让它工作。我不想让我的页脚在包装器里面，而是在包装器外面，我也不想设置高度:100%在包装器上。
我的html如下所示：
<div class="wrapper">
... some content
</div>
<div class="footer">
</div>
和我的css：
html {
he
浏览 1提问于2013-02-28得票数 0
1回答
我有一个带有动态内容和高度的页脚，所以我使用的是display:table版本的粘性页脚。问题是我有一个绝对定位的下拉菜单，如果页面太小，菜单太大等，它会延伸到页脚之外。这会在页脚下面产生一个间隙。看看这把小提琴的例子。谢谢。
这是css，尽管在小提琴中更容易看到。
html, body {
height: 100%;
margin: 0;
}
.wrapper {
display: table;
height: 100%;
width: 100%;
background: yellow;
}
.content {
display
浏览 1提问于2013-12-20得票数 3
2回答
网址：
如果您单击左下角的"+“按钮来显示页脚，cufon标题文本将在Safari中快速移动或消失(使用5.0.3)。未在其它浏览器中出现问题。如果我删除或悬停在滑块中第五张幻灯片上的视频上，或者默认情况下显示页脚，而没有切换功能，问题就会消失。这意味着Safari中的视频和cufon肯定存在问题。对解决此问题的任何帮助都是非常感谢的。
浏览 0提问于2011-02-14得票数 0
回答已采纳
1回答
使用包含页脚的动态内容时，有时会出现页面上的内容不足以填充页脚的问题。页脚，而不是停留在页面底部，我们希望它停留，上升，并留下一个空白在它下面。
html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
<div class=&
浏览 0提问于2021-02-06得票数 0
当窗口垂直调整大小时，如何将页脚贴在页面底部并防止其向上移动？当窗口的高度变小时，页脚就会消失。
这个视频显示了页脚是如何移动的：。
问题是，当调整屏幕大小时，页脚可能会重叠某些内容。我怎样才能防止这种情况发生？
到目前为止，我的页脚代码：
#footer{
bottom: 0px;
position:fixed;
height:50px;
left: 0px;
right:0px;
margin-bottom:0px;
background-color: black;
color: white;
text-align: center;
}
#wra
浏览 2提问于2016-10-08得票数 2
回答已采纳
我的网站将有一个侧边栏，页眉，页脚和内容。就像这样：
这是一个简单的网格，我可以实现。
但是在某些页面上，我希望我的内容在右边有一个附加的侧边栏。问题是我希望它移动页眉和页脚：
我找到的唯一解决方案是将页眉和页脚传递到每个页面。但这不是干的。
那我该怎么做呢？这有可能吗？如果是这样的话，是怎么做的？我甚至无法想象最终的代码会是什么样子..。
我读过关于辅助插座的文章，但不知道如何将它们应用到这个问题上。
浏览 0提问于2019-12-11得票数 1
回答已采纳
1回答
所以我建立了这个网站(使用Angularjs)，无论出于什么原因，在其中一个页面上，不管我做什么，页脚都是浮动的。
你可以在这里看到这个问题：
而如果您转到这里，您会看到页脚位于正确的位置：
奇怪的是，由于它们都生成相同的角度内容(ng-view)，我找不到为什么我在一个页面中有这个问题，而在另一个页面中没有这个问题。
请记住，我需要一个改变，可以解决这个问题，但不会导致其他页面的页脚‘行为不端’。
Thx
浏览 2提问于2014-08-27得票数 0
1回答
问题历史I有一个简单的SSIS包，它将数据从平面文件源(.csv)加载到MS表中。Falt文件格式
突然，我们的源系统在输入文件中添加了一个页眉和页脚，所以文件现在看起来像
问题：
当前的SSIS包没有失败，并且运行良好；在它之上-它没有加载页眉和页脚。SSIS空间如何忽略页眉和页脚？这个包裹不应该失败吗？
浏览 0提问于2014-02-04得票数 0
1回答
因此，我正在构建一个具有以下基本布局的网页
NavbarContentFooter
示例图片，摘自：
我的App.vue组件
<div class="justify-center h-screen relative">
<TheNavbar class="top-0"/>
<div class="h-screen mb-auto">
<router-view class="mb-auto" :key="$route.fullPath"
浏览 2提问于2021-07-30得票数 6
2回答
我有一些问题与一个网站的布局，有一个标题，内容，“粘性”页脚，和一个侧栏。粘性页脚、页眉和内容组合本身并不是问题，但我无论如何也想不出如何在不破坏页脚“粘性”的情况下添加一个从页眉一直到页脚的侧边栏。
我现在接近它的方式涉及到绝对定位。我基本上创建了一个标题div (height: 71px; top: 0px;)、一个脚注div (bottom: 0px; height: 30px;)和一个内容div (top:71px;bottom:30px;)。然后，我将侧边栏放在content div中的左侧，并将其高度设置为100%，并在其旁边添加另一个div (称为"view")来
浏览 2提问于2012-04-28得票数 0
回答已采纳
3回答
页脚元素的位置
、、、
我准备了一把小提琴来告诉你我的问题：
页脚元素绝对定位为底部0px。但是如果设备的高度低于730px，页脚将自己定位在page-body元素之上。
我在没有绝对位置的情况下试过了，但在Galaxy S5设备上，页脚不能固定在底部。在页脚和底部之间总是有一个小的空白区域，比如20px左右。
你能给我一些关于如何解决这个问题的提示吗？
HTML如下所示：
<div class="site-wrapper">
<div class="container">
<div class="page-
浏览 0提问于2017-04-15得票数 0
最近，我们的主网站进行了重新设计wrt UI -新的导航/页脚等。主网站(带有自己的UI -导航/页脚等)托管其他html页面，这些页面在主页中被调用。
在重新设计之前，每当我们创建-Relatively定位的html页面(用于滑块/悬停效果等)时，-having绝对定位的Div (内容器-绝对) -which中有图像(图像-内容)
我们从来不需要为绝对定位的内容器的图像/内容指定- position absolute。他们都表现得像内部容器，这是绝对定位。
但在新的UI中，定义内容的位置变得很有必要。
这是不是不正常？
我认为这是一种偏差--新的用户界面有问题。这是由主页的CSS引起的吗？如
浏览 2提问于2014-03-27得票数 0
1回答
我正在使用jQuery Mobile和Phonegap开发一个移动应用程序。我希望有一个固定的页脚，并希望当用户单击输入字段时，如文本字段或文本区域时，页脚被隐藏。我可以通过使用页脚上的data-position="fixed"属性来固定页脚位置。
问题是当我单击文本字段输入数据时，页脚与输入字段重叠，看起来很奇怪。我试着使用hideDuringFocus，但是没有用，因为它不能在固定的页脚上工作。
还有其他人面临过类似的问题吗？
浏览 2提问于2012-09-19得票数 0
我想做页脚。我有主div，里面有所有的页面和出主，还有div叫footer。所以我的问题是主页面只有137px，但页面更大了。所以页脚在顶部，而不是底部。下面是我使用的html和css：
jsfiddle.net/gEgK9
出什么问题了？(查看css中的#footer和#main )
浏览 0提问于2012-08-05得票数 0
回答已采纳
2回答
如何重新定位固定页眉和页脚？
、、、、
我在使用固定页眉和页脚时遇到了一些问题，但有人建议我在使用JavaScript代码滚动时使用位置:绝对而不是固定和重新定位页眉和页脚，有人知道怎么做吗？或者是他面临的这个问题。
任何建议都会很有帮助。
诚挚的问候。
浏览 0提问于2012-12-26得票数 0
回答已采纳
在我的全屏浏览器页面上，页眉是可见的，但是页脚在当前窗口中是不可见的。要查看页脚，我们需要向下翻N次，因为当我们向下翻页(动态填充)时，中间内容会被填充。所以我的问题是知道我需要翻页多少次才能看到页脚。加上这个问题，有没有可能知道网页元素是否在当前可见的浏览器区域之下？
浏览 0提问于2013-03-15得票数 1
我使用jquery (1.1.1)和Adobe创建了一个iOS应用程序。该应用程序有一个固定的页眉和页脚，转换设置为“无”。页脚包含4个导航按钮，这些按钮通过javascript向应用程序中的四个页面提供导航。我使用了一个多页模板，所以只有一个HMTL文件.
最初，我使用“数据位置:固定”在屏幕上定位页眉和页脚，但在页面之间切换时遇到了一些不必要的闪烁和页面跳转。因此，我转而使用CSS将页眉和页脚修复到屏幕上(如本文中所述：)。这解决了闪光灯的问题，但引入了另一个问题。
问题是：第一次滚动文本时，在任何页面上，页脚与文本一起移动(也就是说，它不固定)。但只有第一次-从那时起，每当我滚动文本，页
浏览 3提问于2012-11-02得票数 1
2回答
我目前正在使用插件here 来创建一个贴纸页脚。
看看吧。它的工作方式与您预期的一样。
唯一的问题是，例如，如果出现错误消息，用户单击要删除的内容，或者切换的内容可用，页脚将从浏览器底部跳起，直到调整窗口大小，然后它会自动排序。
有没有办法让插件知道如何重新定位自己？
浏览 2提问于2011-07-02得票数 3
回答已采纳
2回答
我在练习用柔性盒来制作脚。我目前正在构建的页脚可以在桌面上正常工作，而不是在移动设备上工作。
这里是：
当我调整桌面上的页脚大小时，这个媒体查询可以工作，并且从列布局到行的转换是不稳定的：
@media (min-width: 850px) {
.footer {
display: flex;
padding: 10px;
flex-flow: row;
}
但是，如果在移动设备上检查页脚内容，则页脚内容将保持为一行。我不明白它为什么要这么做。在移动设备上，页脚应该位于列中，因为850 to下的屏幕将运行原始的flex流，该flex流设置为列布局：
.footer {
display: f
浏览 3提问于2016-10-26得票数 2
回答已采纳
1回答
我正在开发一个利用960网格的网站。在站点底部，页面内容和页脚之间有一个div，其中包含一个100%宽度的图像，因此它根据浏览器宽度调整大小。您可以在这里查看一个演示：
以上内容很好，因为内容很长。但是，在内容较短的页面上，图像和页脚爬升以显示页脚和浏览器底部之间不需要的空间(单击顶部导航中的“菜单1”或上面提供的链接中的徽标)。在主页上，调整大小以查看页脚下面的问题。
我想使用一种类似于CSS页脚方法(cssstickyfooterDOTcom)的方法。
由于图像的大小调整(这是我想要的)，我很难解决这个问题。我想我可能需要利用jQuery来更新页脚的高度/偏移量，因为图像高度会发生变化。
浏览 3提问于2010-12-02得票数 0
1回答
与我之前的问题相关的是，我有一个<div style="position: fixed;">页脚。页脚包含<a style="display: block; float: left;">元素。单击这些链接之一后，我希望在该链接上方弹出一个div。我正在尝试几个CSS设置，并获得了可以接受的结果，但我不确定我的CSS是否可以跨浏览器工作。我想知道是否有人可以告诉我一个防弹和测试的CSS解决方案来实现这样的事情：
浏览 0提问于2010-05-29得票数 0
回答已采纳
2回答
我正在工作一个小PSD到HTML文件。所以做了所有的事情，并以某种方式完成了整个索引文件，但现在，当我来创建页脚时，什么也没有出现。
想知道为什么页脚没有出现？
以下是索引页面链接：
浏览 2提问于2014-03-08得票数 1
回答已采纳
有没有客户端Javascript框架可以从Html内容中生成具有页眉和页脚的pdf，就像所有页面上的固定页脚(第1页，共10页)。 我们尝试使用html2pdf，但它不能添加页眉和页脚。有没有类似的客户端javascript库可以使用页眉和页脚选项来生成pdf？
浏览 11提问于2020-01-23得票数 2
回答已采纳
2回答
我已经开发了一个网站，有固定的页脚和页眉。内容也是固定的(但这只是因为页脚和页眉可以隐藏，但我不会在我的示例中显示这一点)。我遇到的问题是iPhones和iPads。这是我有过的两个问题。有一次，它允许我将页眉和页脚拖过显示空格的body/html限制(不知道为什么要这样做)，而另一个问题是，我一松开手指就停止滚动。后者似乎通过这样做是可以解决的：
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
虽然我已经读到这不是一个受支持的CSS属性，但它似乎确实做到了这一点。我试图用JavaScript
浏览 10提问于2017-09-22得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
