页面扩展时，网页页脚绝对不会停留在底部
的现象称为"页脚抬高"。它在网页设计中经常出现，特别是在页面内容较少时，网页的内容区域无法填满整个屏幕高度，导致页脚无法固定在底部，而是随页面的扩展而抬高，造成页面布局的混乱。
为解决页脚抬高的问题，可以采用以下方法：
- 使用CSS布局技术：可以通过设置CSS样式，将页脚固定在底部。常见的方法有使用flex布局或者设置position属性为fixed。
- 使用JavaScript：通过动态计算页面内容的高度，自动调整页脚的位置。可以利用JavaScript框架如jQuery或者原生JavaScript来实现。
- 使用占位元素：在页面布局中，在内容区域与页脚之间添加一个高度与页面剩余空白高度相等的占位元素。这样可以保持页面布局的稳定性，并将页脚固定在底部。
应用场景：页脚抬高问题在许多网页设计中都会遇到。特别是当网页内容较少时，如登录页面、单页应用或者移动端页面等。
腾讯云相关产品：腾讯云提供了丰富的云计算产品，如云服务器、云数据库、云存储等。然而，在解决页脚抬高问题上，腾讯云没有针对性的专门产品。不过，使用腾讯云提供的云服务器，可以方便地搭建和管理网站，从而通过自身的技术手段解决页脚抬高问题。
希望以上回答能满足您的要求。
相关·内容
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
回答已采纳
2回答
我没有设法把我的全宽页脚贴在我的网页底部。当页脚上方的主要内容低于某一高度时，页脚下将出现空白。我尝试过使用各种解决方案，比如下面的css代码：
html,body { margin:0; padding:0;min-height:100%;position:relative;}
.wrapper { min-height:100%; position:relative;_height:100% /* _height = for ie */ }
.page { padding-bottom:400px; height:100%; }
.footer { padding:0;mar
浏览 2提问于2012-10-10得票数 2
1回答
页脚底部CSS
、、、
我想要创建一个保持在页面底部的页脚，如下面的屏幕快照所示：
但是，当浏览器窗口最小化，使视口小于内容区域，并且页面可滚动时，页脚将停留在页面的中间而不是内容下面。一旦用户滚动，页脚将停留在内容框的中间，如下面的屏幕截图所示：
如何创建一个页脚，当没有滚动条时，它停留在视图端口的底部，但当滚动条出现时，当内容位于视图端口之外时，它却停留在内容框的底部？
我在页脚上使用position:absolute; bottom:0;。我需要将声明添加到我的内容框中，还是添加到页脚？谢谢你的帮忙!
浏览 3提问于2013-09-09得票数 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回答
我的页脚不会停留在页面底部。现在，当我使用position: fixed;或position: absolute;时，它显示在浏览器的底部，而不是页面。所以我想让它留在网页的底部，但也要留在内容下面。
我尝试将height: 100%;添加到我的包装器中(我的页脚在包装器之外)，但它不起作用。我还试着添加粘性页脚，但它不起作用，但我也在我的jsfiddle中留下了这一部分。
这是我的jsfiddle：
现在它似乎可以在小屏幕上工作(就像jsfiddle上的结果窗口)，但在1080分辨率下，它不能工作，所以这也是我的网站: http：
浏览 1提问于2014-02-01得票数 1
2回答
是否有可能在页面底部创建页脚，当页面高度为500px时，页脚将停留在该位置，而不是在该高度值之后的底部？
这个页脚将留在底部ok，但当页面高度低于500px时它仍然在那里，所以有可能使用CSS来制定这样的规则吗？
.footer {
position: absolute;
bottom: 0;
left: 0;
}
浏览 0提问于2011-07-01得票数 1
回答已采纳
所以每次我做一个网站，我都有问题的页脚。现在，在googling搜索之后，我发现了以下内容：
我试着应用它，但它并没有真正解决.而不是页脚停留在页面底部，它只是停留在我的屏幕底部。
这就是脚贴的地方：
也就是说，当我完全滚动到页面的顶部时，google chrome的底部显示在我的mac上。
这是我使用的HTML：
<body>
<div id="wrapper">
<!-- A lot of content -->
</div>
<footer>
</foo
浏览 1提问于2015-05-07得票数 0
回答已采纳
在这个网站设计中，我使用本教程中的一些有用信息将页脚放在了底部。()
然而，正如你在链接中所看到的--当有更多的内容时，页脚不会向下推，而是停留在相同的位置，内容只是在它的下方，然后在页面的底部创建空白。
有什么建议吗？谢谢!
浏览 0提问于2012-08-15得票数 1
回答已采纳
jQuery手机(v1.1)的固定页脚应该停留在屏幕底部，并浮动在文本的顶部，否则将始终可见。这在浏览器中效果很好，但当我将它与Phonegap (现在称为Cordova) (v1.6)捆绑到一个Android应用程序中时，页脚就会停留在它第一次出现的地方。这是与文本一起滚动的页脚。
真正奇怪的是，当你点击屏幕时，页眉和页脚被固定在页面的顶部和底部(这是jQuery手机内置的具有固定页眉和页脚的功能)，当你再次点击它时，页眉和页脚又回到了浮动状态。但是这一次，页脚停留在屏幕的底部，而不是像从一开始就应该的那样，与文本一起滚动。
你知道怎么固定页脚吗？
下面是我使用的代码：
<di
浏览 2提问于2012-04-20得票数 2
1回答
让页脚停留在页面底部有很大的问题。
我决定将代码添加到pastebin中：
这是css：
这是其中一个页面：
这个问题在现场是一成不变的。我做错了什么？
例如，有时会发生这样的情况，一些内容被页脚隐藏：
浏览器视图的底部和页脚之间有很大的差距。上面的图像还显示页脚正在重叠内容。
关于编辑:第二个也不是我想要的。页脚和浏览器底部之间有很大的差距。我希望页脚在底部，如果内容太长，你必须滚动，那么页脚应该是不可见的，直到你到达页面底部。谢谢您:)
浏览 2提问于2013-08-29得票数 1
回答已采纳
1回答
webkit粘性页脚菜单
、、、、
我想为web应用程序创建一个粘性页脚菜单(-webkit/-moz)。查看屏幕截图。iphone的蓝色区域边框，红色区域代表内容，底部的灰色区域是页脚。
屏幕1：
开始屏幕。完整的内容与粘性页脚在窗口底部，我可以通过位置:固定。
屏幕2:实际所需的行为如果页面内容向下滚动，页脚应该停留在窗口的底部。这就是我需要的。
屏幕3:当前行为与位置:已修复这是当前行为，如果我滚动页面，整个内容将向上移动，包括底部的粘性页脚。
我想要一个网络应用程序，行为类似于ipod库。修复了底部的菜单和上方的可滚动内容。有什么解决方案吗？
浏览 1提问于2011-02-02得票数 0
回答已采纳
3回答
我有一个类似于的页面，我的问题是，页脚不是停留在页面底部，而是停留在第一节的底部。
页脚HTML：
<footer class="row-footer">
<div class="container">
<div class="row">
text
</div>
</div>
</footer>
和CSS：
footer {
width: 100%;
bottom
浏览 5提问于2016-03-21得票数 0
回答已采纳
我曾经得到过这个模板，它的页脚css如下所示
footer{
position: absolute;
bottom: -3em;
left: 0;
right: 0;
font-size: 12px;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
color: rgb(160, 160, 160);
}
我使用php来处理动态内容，但是，每当我的内容(包装在div中，就在页脚之前)发生变化时，当它改变它的长度(高度)时，这个页脚突然改变它的位置，并且突然靠近顶部(网页上最高的div ) div。
我想知道如何让这
浏览 0提问于2013-02-05得票数 0
这个页脚仍然放在Chrome中，我如何重写HTML或CSS使其在Firefox中保持不变？
例如，当我在Chrome中访问页面然后缩小时，页脚停留在屏幕的底部，但当我在Firefox中访问相同的页面并尝试缩小时，页脚不会停留在正确的位置。
如果你尝试访问这个页面，你就会明白我的意思。
有人知道吗？
亲切的问候
Pongy
浏览 3提问于2011-04-24得票数 0
回答已采纳
7回答
我们需要一个页脚工具栏，它停留在页面的底部，当页面滚动到某个区域下方时，它会停留在该区域。
我们使用以下脚本实现了这一点：
但在某些页面上存在一个问题，即页脚工具栏从页面中消失，然后在页面进一步向下滚动时再次出现。
我们发现，这个特殊的问题只出现在少数几个页面，当页面有一些内容，如图片，视频，或Ajax加载其他内容，其中内容被填充(或空间被填充)页面已加载。
我不知道怎么解决这个问题。
这里是链接从现场与问题的网页。
/
这通常在有很多评论的博客帖子上更明显。可能是因为在页面完全加载后加载了Disqus评论。
浏览 0提问于2012-04-28得票数 3
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
3回答
在我的网站上，我使用的是bootstrap，但是我的页脚并没有停留在页面的底部。如何解决这个问题呢？我的网站是来查看错误。页脚在底部，但覆盖了网页中的一些文本，图像也不在正确的位置。在主页上，您可以看到页脚实际应该是什么样子
任何帮助都将不胜感激。
浏览 0提问于2013-10-08得票数 1
1回答
我网页中的页脚总是贴在覆盖内容的页面底部，而不是一直停留在页面内容之后。我使用的绝对位置，但它只是去的地点，即底部的视图，当页面在顶部，并停留在那里，以便它可以滚动过去。
.footer{
width: 100%;
position: absolute;
bottom: 0;
background-color: lightblue;
}
<p>Lorem ipsem...</p><p>Lorem ipsem...</p><p>Lorem ipsem...</p><p>Lorem ipsem.
浏览 0提问于2018-08-09得票数 1
回答已采纳
2回答
可能重复：
我的页面有内容，当用户提交内容时，页面长度会增加。对于传统的粘性页脚设计来说，这是一个问题，因为它们倾向于停留在原来的位置，最终只能在页面的中间浮动。
有没有人有任何技巧或技巧来制作一个粘性的页脚，即使当内容放大页面大小时，也能将其保持在底部？
提前谢谢。
给AlienWebguy.在查看了我的网页的结构后，我们想出了在标准页脚CSS中添加一个clear: both来修复它。
浏览 3提问于2011-07-08得票数 2
回答已采纳
2回答
页脚不会居中于页面底部
、、、
我的页脚恰到好处地显示在每一个电脑屏幕上。但是，当我在Iphone上测试它时，页脚被卡在页面的中间，并且不会以水平的方式重复。
我能做什么，让页脚也停留在Iphone屏幕和其他智能手机的底部？
这是我的页脚的CSS：
#footer {
position:absolute;
bottom:0;
width:100%;
height:270px;
background-image:url(images/footer.png);
}
浏览 4提问于2012-04-16得票数 1
如何生成跨越整个屏幕宽度(不考虑屏幕分辨率)并停留在页面底部的页脚？
当我搜索它时，我得到的是人们提供粘性页脚(与页面一起悬停的页脚)的代码，并告诉我使用绝对定位(我听到的是no no)。
我所指的一个完美的例子是twitter bootstrap引用的一个网站()。在该站点上，页脚(看起来像一个英雄单位之类的)总是在页面的底部。
浏览 5提问于2013-07-16得票数 7
1回答
当窗口宽度小于内容宽度时，DIVs有一个小问题。
基本上，这真的很难解释，但是，你当前所在的页面( stackoverflow网页)只需要缩小窗口的宽度，直到底部滚动条显示，然后滚动到页面的底部。然后，您应该看到页脚包装器显示了一半内容在背景图像中，另一半内容不在背景图像中。
所以，在我的一个个人网站上，我设置了一个跟stackoverflow一模一样的页脚，有什么办法可以解决这个问题吗？或者这需要通过javascript更新宽度？
谢谢，迈克
浏览 0提问于2011-01-17得票数 1
回答已采纳
我有下面的页面(死链接：http://www.workingstorage.com/Sample.htm )，它有一个页脚，我不能让它坐在页面的底部。
我想让脚
当页面较短且屏幕未被填充时，请坚持到窗口底部。
停留在文档的末尾，当有超过一个内容的屏幕(而不是重叠的内容)时，按照正常的方式向下移动。
CSS是继承下来的，困扰着我。我似乎无法正确地将其更改为在内容上设置一个最小的高度，或者使页脚移到底部。
浏览 18提问于2009-03-13得票数 592
回答已采纳
1回答
我希望页脚在可滚动页面->的末尾，我只想在我完全向下滚动时才看到它。试了一下，但只让它停留在加载页面的第一部分的末尾，->，位置是屏幕底部，没有滚动。
jsfiddle
浏览 5提问于2022-08-12得票数 1
回答已采纳
5回答
我有一个div，我希望定位在网页底部。我可以使用position:absolute实现这一点。但是，当窗口变小时，我不希望它与上面的div重叠。这是通过将其更改为position:relative来实现的，但正如预期的那样，它不会停留在页面底部更大的屏幕上。
有什么办法可以做到吗？
当前CSS
position:relative;
bottom:0;
background-image:url('.......');
background-repeat:repeat-x;
background-position:bottom;
width:100%;
我刚才解释的一个例子
浏览 15提问于2013-10-16得票数 3
回答已采纳
1回答
我使用这个博客文章(见评论-我不能张贴超过两个链接，因为我是新的，所以)在我的网站上张贴一个粘性(但不是固定的)页脚。
它一直在网站上的任何地方工作，直到我使用这篇博客文章(见评论)在悬停时显示我的图片。现在，页脚在页面底部上方浮动，但只在具有图像悬停样式的页面上浮动。是一个破页，而是它工作的地方之一。
我猜想这与ul.enlarge span的样式有关，因为当我删除Chrome工具中的样式时，页脚会弹回原处，尽管它会导致放大后的悬停图像全部出现在页面上(显然不是我想要的)。
有没有办法让我的页脚停留在页面底部(即使内容没有一直到达底部)，并仍然扩大我的图像时，我悬停？是什么导致了页面底部巨大
浏览 2提问于2015-01-05得票数 0
回答已采纳
4回答
如何防止页脚与div重叠？
、、、、
我正在创建一个reactJS应用程序，我在将页脚保存在页面底部时遇到了困难。页脚最初停留在页面的底部，但是SPDashboard动态地填充页面，页面变得更大，页脚确实停留在底部，但它与页面重叠。如何将页脚保持在底部，并防止其与div.dashboard重叠
以下是代码：
.monitoring-footer {
position: absolute;
left: 0;
bottom: 0;
height: 75px;
width: 100%;
}
header {
display: flex;
justify-content: center;
align-
浏览 2提问于2022-02-03得票数 -1
2回答
我的问题是我有一个带有页脚的网页。如果没有足够的内容填充整个页面，我希望页面将页脚扩展到浏览器窗口的底部。我也希望页脚去到页面的最底部时，内容超过浏览器的高度，并有一个垂直滚动条。
由于某些原因，我不能让它工作，我遵循了这个页面上的教程：
而且教程特别说明了它做了我想要做的事情--“在有很多内容的长页面上，页脚被从可见页面推到最下面。就像一个普通的网站一样，当你向下滚动时，它就会出现在视图中。这意味着页脚并不总是占用宝贵的阅读空间。”
当我遵循本教程时，当没有足够的内容填充页面时，它会成功地将页脚放在页面的底部，但是当有足够多的内容时，页脚会过早地放置在浏览器窗口最初结束的位置，因为body和
浏览 2提问于2014-10-06得票数 0
2回答
我在尝试让页面底部的页脚停留在页面底部而不让页面内容经过它时遇到了麻烦。我想让页面内容把页脚往下推。
我认为overflow: hidden可以工作，但它不是。
浏览 3提问于2011-05-16得票数 0
因此，最近，我正在构建一个网站，并在网站内部测试一些javascript (幻灯片和实时)，但这个网站最令人恼火的部分是，我似乎无法让它在多个页面上做出响应。我一直在使用@媒体和调整网站，但最近我的页脚没有停留在底部，如果我应用任何在线提示到我的网站，它使页脚坐在我的内容顶部。
我不是最好的网页设计师，我正在寻找更多的提示如何建设这个网站，如果有人愿意提供更多的提示。
示例：
HTML：
CSS：
(预先谢谢:)
浏览 3提问于2015-11-15得票数 0
回答已采纳
5回答
我的HTML如下所示，没有内容，因为只需要以下内容来回答我的问题：
<html>
<body>
<div class="container">
<div class="socialmedia"></div>
<div class="navbar"></div>
<div class="mainbody></div>
<div class="footer"
浏览 3提问于2013-06-05得票数 0
我正在为我的Angular应用程序创建一个页脚。这是我的页脚代码：
// HTML
<footer class="footer">
// code for footer
</footer>
// LESS
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 200px;
background-color: #ffffff;
}
.content {
min-height: 500px;
}
// Application&
浏览 1提问于2018-11-02得票数 1
2回答
我正在创建一个使用Twitter引导框架的网页。我在这里有一个页脚，它在每一页的底部，每一页都有很多内容。但是我刚刚创建了另一个子页面，页脚就在页面的中间，如下所示：。
我需要把页底的页脚拉出来。
下面是页面的说明：。
怎么把脚拉下来？
浏览 3提问于2015-01-25得票数 1
回答已采纳
我已经尝试了一段时间，但我似乎找不到适合我的问题的答案。
我想要一个页脚(-image)在底部的屏幕，它应该停留在屏幕底部时，滚动。这意味着页脚应该我以上的内容。
我已经尝试过几次了，但是每次我使用它时，页脚在开始时位于屏幕底部，但是当我开始滚动时，它相对于页面顶部保持相同的距离(意思是它在屏幕上向上滚动)。
有什么解决办法吗？
浏览 9提问于2014-09-27得票数 2
回答已采纳
1回答
我有一个简单的html页面。页眉、内容和页脚。问题是当我调整窗口大小时。空间的高度等于我调整窗口大小的高度。这是因为我将最小高度设置为Contents div。如何在调整窗口大小后使页脚保持在底部？:(请帮助
下面是我的代码：
这是网页：
浏览 1提问于2012-01-09得票数 0
1回答
其他人也有这个问题吗？我在我的页面底部有一个导航栏。它是position:fixed；所以它总是停留在页面的底部。
当你将鼠标悬停在链接上时，Chrome会在页面底部显示一个状态栏……因此，将鼠标悬停在页脚链接上会导致状态栏与链接重叠。发生这种情况时，您无法单击该链接。
我非常感谢任何关于如何解决这个问题的建议。也许是一些强制状态栏消失的JS？
浏览 3提问于2011-08-26得票数 2
1回答
我正在尝试创建一个页脚，它停留在页面内容下面，并停留在页面底部。我尝试将应用于我的页面，但是它会导致页脚粘附在底部并重叠页面内容(如果页面太短)。
我目前正在使用css：
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 348px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 348px;
}
和html：(简化)
<body>
<!-- Na
浏览 2提问于2017-04-13得票数 0
回答已采纳
1回答
我目前正在处理一个网页，我遇到了一个问题。我希望我的页脚留在页面的底部，在主要区域之后。问题是，我希望主要区域在min-height:900px;，它将稍微超出页脚。
如果我将更多的文本添加到主区域，它可以很好地缩放，但页脚现在设置为停留在margin-top:1190px;中，如果添加了更多的文本，我如何让它跟随主区域？
页面原型在这里：
浏览 2提问于2013-03-04得票数 0
回答已采纳
因此，当我设置页脚的position:absolute；时，它将停留在移动视图的底部；然而，它将浮动在桌面页面的页面中间。当我取下它时，它会停留在桌面页面的底部，然后在移动视图中浮动在页面的中间。
怎样才能纠正这一点呢？
浏览 1提问于2018-09-18得票数 0
1回答
怪脚行为
、、、、
我对CSS比较陌生，所以请原谅我的古怪失礼。我定义了一个页脚有绝对的位置，它停留在底部，除了我的网站上的所有网页。
...>The页脚在这里表现得很完美，也就是说，不管内容如何，它的位置都粘在屏幕的底部。
...>Whereas，下面的页脚的行为不正常，它的位置不粘在页面底部。
我在这两个页面上都使用相同的页脚类，所以我不确定这里有什么问题，下面提到-
.shell3-Footer {
box-sizing: border-box;
padding: 0.9375rem;
border-top: 0.0625rem solid #dcdcdc;
overflow: hi
浏览 0提问于2017-07-04得票数 0
1回答
我在win32应用编程接口，C语言方面遇到了一点小问题。
因此，这是正在发生的事情:我需要使子窗口停留在它的父窗口的底部，就像页脚一样。我使用数学方法从GetSystemMetrics(SM_CYFULLSCREEN)定位窗口，但是从一个屏幕到另一个屏幕，“页脚”并不对应于相同的变量。
如何使子窗口停留在其父窗口的底部？
我找了很多，但找不到任何有用的东西
浏览 1提问于2013-06-09得票数 0
我正在使用这个解决方案，它以前对我起过作用：
我目前在一个网站上工作，但它不起作用。我认为这是因为我在页面的某些div上使用了绝对位置。页脚不是停留在页面底部，而是出现在页眉下面，在绝对位置的div顶部。在这种情况下，我怎样才能让粘脚工作呢？
<div id="wrap">
<div id="container">
<div id="myDiv">
...content...
... this div is
浏览 6提问于2009-09-21得票数 1
当页面上的内容较少时，我的web应用程序的页脚不会停留在底部。我被困住了，不知道下一步该怎么走。有人可以帮助我的页脚，将留在页面底部和下方的任何内容？
const routing = (
<Router>
<div>
<div>
<Navbar />
<Route exact path="/" component={() => (<Redirect to='/home' />)}
浏览 1提问于2019-02-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回答
我有一个客户想要打印的网页，而我遇到的困难是让页脚位于最后打印的页面的底部，而不仅仅是当内容结束时
我试过这样的东西
#printfooter{display: block; position:fixed; bottom: 0;}
但它会在每页的末尾显示页脚。
也许我对CSS的要求有点太高了。这是可行的吗？
我在想我应该为's (^_^)疯狂一下。
浏览 0提问于2009-07-24得票数 14
回答已采纳
5回答
当我向下滚动时，我无法控制页面的页脚停留在底部，我将其设置为"position: absolute;“和" bottom : 0”，但它不起作用，当我向下滚动时，它会经过页面的内容。我不想使用position: fixed，因为我不想让页脚覆盖我的内容。这是我的Jsfiddle：
页脚：
footer {
position: absolute;
-moz-box-shadow: inset 0px 4px 20px #111;
-webkit-box-shadow: inset 0px 4px 20px #111;
bottom: 0;
浏览 0提问于2014-02-13得票数 0
我正在尝试设计的网页似乎只适合1024x768的分辨率。当分辨率较高时，屏幕底部有大量的空白区域。我是CSS的新手，但我很确定这个错误与缺少position属性有关。我要么希望页脚和主div位于屏幕底部，要么希望页面缩放。如果有人能告诉我我错过了什么，我会永远感激。
浏览 0提问于2013-07-02得票数 2
2回答
我试图将页脚div钉在页面div的底部，并让页脚始终停留在屏幕底部。
将页脚的样式设置为“位置:固定；底部:0；”如下所示：
#idFoot {background-color: silver; height:20px; width:100%; position:fixed; bottom:0;}
将页脚设置为屏幕底部做得很好，但页脚的右边缘不在视图端口，如下所示：
为什么会像这样溢出来？如何使它与包含的页面div的边缘对齐？
这是在另一个div中获取div以跨越外部div的整个宽度并将其粘贴到屏幕底部的最佳方法吗？
我使用stackexchange的代码片段特性附加了我的所有代码，
浏览 2提问于2022-10-02得票数 0
回答已采纳
5回答
我有一些问题，我的网页的基本布局。我想要的是:页眉，然后是页面的内容，左边有菜单，右边有内容，还有一个页脚。如果内容和菜单的长度都不超过一页，那么这个页脚应该位于页面的底部，两个内容div都延伸到页眉。如果内容超过了页面长度，并因此显示了滚动条，那么页脚应该位于内容的底部。
我目前拥有的是内容的标题和两个列，使用在相同高度。页脚当前位于页面底部，但是当内容超过页面长度时，页脚就会停留在那里。
以下是当前代码：
css：
html, body{
margin:0px;
height:100%;
}
#container{
height:100%;
width:1
浏览 4提问于2013-01-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
