将引导程序页脚粘贴在内容的底部
引导程序页脚是指在网页或应用程序的底部显示的一段信息，通常包含有关网站或应用程序的相关链接、版权信息、联系方式等内容。它可以提供导航功能，帮助用户快速访问其他页面或获取更多信息。
引导程序页脚的分类：
- 导航页脚：包含网站的主要导航链接，帮助用户快速浏览网站的不同部分。
- 信息页脚：包含有关网站或应用程序的版权信息、隐私政策、使用条款等重要信息。
- 社交媒体页脚：包含与网站或应用程序相关的社交媒体链接，方便用户与网站进行互动和分享。
- 联系页脚：包含与网站或应用程序相关的联系方式，如电话号码、电子邮件地址等，方便用户与网站进行沟通。
引导程序页脚的优势：
- 提升用户体验：通过在底部提供导航和相关信息，用户可以更方便地浏览网站或应用程序，提升用户体验。
- 增加页面导航性：引导程序页脚可以为用户提供额外的导航选项，帮助他们快速找到所需的信息。
- 提供版权保护：在引导程序页脚中包含版权信息可以保护网站或应用程序的知识产权，防止他人未经授权使用。
- 增加品牌曝光：通过在引导程序页脚中添加品牌标识和相关链接，可以增加品牌的曝光度。
引导程序页脚的应用场景：
- 商业网站：商业网站可以在引导程序页脚中添加产品分类、购物车、支付方式等链接，方便用户进行购物和支付。
- 新闻网站：新闻网站可以在引导程序页脚中添加不同新闻分类、热门文章等链接，帮助用户快速浏览感兴趣的内容。
- 社交媒体平台：社交媒体平台可以在引导程序页脚中添加用户个人主页、好友列表、消息通知等链接，方便用户进行社交互动。
- 应用程序：应用程序可以在引导程序页脚中添加设置、帮助、反馈等功能链接，提供更好的用户体验。
腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与引导程序页脚相关的产品和链接地址：
- 腾讯云内容分发网络（CDN）：提供全球加速、高可用的内容分发服务，可用于加速网站的静态资源加载，提升用户访问速度。详细信息请参考：https://cloud.tencent.com/product/cdn
- 腾讯云域名注册：提供域名注册和管理服务，可用于注册网站的域名，并提供相关的域名解析功能。详细信息请参考：https://cloud.tencent.com/product/domain
- 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器实例，可用于托管网站和应用程序。详细信息请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、可靠的云端存储服务，可用于存储和管理网站的静态资源、多媒体文件等。详细信息请参考：https://cloud.tencent.com/product/cos
- 腾讯云云安全中心：提供全面的云安全解决方案，包括DDoS防护、Web应用防火墙（WAF）等，可用于保护网站和应用程序的安全。详细信息请参考：https://cloud.tencent.com/product/ssc
请注意，以上仅为腾讯云的一些相关产品和链接地址，其他云计算品牌商也提供类似的产品和服务，具体选择应根据实际需求和预算进行评估。
相关·内容
7回答
我的脚有点问题。我想让页脚留在屏幕的底部，但是有一个小问题。使用移动浏览器时，一些字段在打开键盘时会被页脚阻塞。页脚上升到键盘上，并阻塞您正在键入的字段。我如何保持我的脚在底部，并防止它上升到键盘上？我要把它藏在键盘下面。
我正在使用引导程序，但是我在我自己的CSS中设置了以下内容：
footer {
width: 100%;
position:absolute;
left:0px;
bottom:0px;
height: 40px;
margin: auto;
overflow: hidden;
background:#2E2E2E;
text-align:center;
浏览 1提问于2014-03-25得票数 22
回答已采纳
我在我的页面底部有一个粘性的引导页脚，但是当我向下滚动时，内容隐藏在它下面，例如，您看不到完整的图像。
上面是页脚本身的屏幕截图，它高300‘s，允许内容在其下滑动300’s，这意味着当需要垂直溢出和滚动时，300‘s图像/内容隐藏在粘性页脚下面。如下所示：
而实际的图像是这样的，您可以看到与上面的图像相比，它没有被切断：
我唯一能想到的解决方案是将其他内容从底部设置为300 go，但我要怎么做呢？
提前感谢您的帮助。
浏览 3提问于2016-09-04得票数 3
回答已采纳
5回答
如果我试图在有一个引导轮的页面上显示我的页脚，那么页脚不会在页面的底部。
如果我移除旋转木马，页脚就会被移到底部。
我的基本页脚是：
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}
参见这里的演示：
有人知道为什么吗？
谢谢。
浏览 4提问于2016-11-25得票数 0
回答已采纳
2回答
我正在创建一个使用Twitter引导框架的网页。我在这里有一个页脚，它在每一页的底部，每一页都有很多内容。但是我刚刚创建了另一个子页面，页脚就在页面的中间，如下所示：。
我需要把页底的页脚拉出来。
下面是页面的说明：。
怎么把脚拉下来？
浏览 3提问于2015-01-25得票数 1
回答已采纳
3回答
我在这里有一个直播网站：
问题是页脚导航栏没有一直定位在浏览器的底部，如下所示：
有一点蓝色间隔，这不是我想要达到的。
我正在使用twitter引导程序，如果这有帮助的话，但是页脚栏div对象被称为"navbar navbar-default“。
如果我这样命名页脚div：
<div class="navbar navbar-default navbar-fixed">
然后，导航条粘在浏览器窗口的最底部，但它保持不变，这不是我想要的。
目前，代码如下：
<div class="navbar navbar-default navbar-f
浏览 3提问于2014-07-24得票数 0
回答已采纳
2回答
我有一个div，其中包含使用php include函数的元素，下面我有一个脚注。仅当滚动到页面底部以节省空间时，页脚才可见。
问题是，如果内容高度很小(例如300px)，那么页脚就不会放在页面的底部，这使得布局看起来不是很好。
所以我的问题是，当浏览器窗口上没有滚动条时(意味着内容div高度很小)，我可以将页脚放在底部吗？
浏览 2提问于2012-10-09得票数 0
回答已采纳
2回答
发票页脚不在底部打印
、、、
我试图使用默认的window.print()打印发票。
问题：发票打印良好，但页脚没有打印在打印页面底部，与原发票相同。
我想要的：在第一页或最后一页的每个条件下，页脚都应该位于底部(如果发票很长)
如果发票是冗长的，那么页脚应该出现在最后一页底部。
JS小提琴：
我使用的是Twitter的引导布局
发票样例代码
浏览 6提问于2014-10-17得票数 0
1回答
我正在尝试在引导中为我的页面应用程序创建页脚。我做到了，现在我的脚在页面上看起来很棒。但是我怎样才能隐藏页脚，什么时候页面的全局内容会更多，所有的信息都不适合浏览器？
当我将显示更多的信息在中央块，我必须隐藏在页底部的页脚。现在在浏览器窗口底部的地下室页脚。
浏览 3提问于2015-08-28得票数 2
回答已采纳
问题是，
我正在使用引导程序，我面临着这样的问题：
我有一个网页，包含一个包装分为三个不同的项目。第一项是引导导航。第二项是div (类col-lg-12 ->引导)。第三项是div (类col-lg-12 ->引导)。
导航栏总是在页面的顶部，非常完美。
问题是，页脚必须总是在页面底部，我认为绝对位置，但那不合适，包装有一些风格属性，页脚应该尊重。并且，#page元素必须适应导航和页脚之间的整个空间(在高度上)。我的意思是，即使#page元素中只有一个文本行，#页面的高度也必须适合所有可用的空间。
还请考虑#page div可以包含许多数据，因此它的高度可以大于窗口的高度(此时，
浏览 3提问于2015-02-04得票数 3
回答已采纳
4回答
我的脚有问题。加载页面时，它被加载到页面底部的屏幕底部。
我的页脚是一个简单的带有css的div，他的父程序是body。
这是我的css代码
.footer{
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background-color: #0063bf;
color: #fff;
text-align: center;
}
P.S.：如果这有帮助的话，我使用引导。在引导方面，我想要一个导航条静态底部，但是引导程序只有固定的底部:(所以我创建了
浏览 7提问于2016-10-09得票数 0
基本上，我想在每个博客文章的末尾添加一个嵌入表单，就在主内容区域下面(我尝试添加页脚，但是由于显示在页面的最底部，它被跳过了)。我到底应该把代码放在哪里呢？
浏览 0提问于2018-06-06得票数 1
3回答
我想在页面底部显示我的页脚，相对于内容区域。因此，如果我的浏览器更小或更大，它应该适应，直到内容区域停止为止。
我试图跟踪，但我似乎无法让它在我的网站上工作。
我在内容区域的底部添加了PUSH div。
我在css中设置了正确的高度和调整。
我的页脚仍然显示在我的屏幕一半的方式，也搞乱了标题。卖给我Wordpress主题的人不愿意帮我..。
如果有人能引导我朝着正确的方向前进，那将是一个很大的帮助！
浏览 7提问于2015-02-09得票数 2
回答已采纳
2回答
大家好，大家好！
为了便于阅读，本文给出了以下步骤
我正在尝试实现这个结果(参见下面的演示，并滚动到页面底部)
您将看到显示揭开面纱的页脚在最后一节下面被揭开
这是这个有用脚本的来源。
不幸的是，我试图找到一种解决方案，使其在引导3基本页面(头、主、页脚)中工作，但看起来需要一个技巧才能使z索引正常工作。
我一直在努力寻找它，但现在我在循环中，所以我肯定看不见它:-)即使它会站在我面前:-)
如您所见，页脚位于内容的顶部，尽管它是z-索引值-101。
你能帮我把它修好吗？
谢谢
解决主要问题的主要原因是主容器中缺少背景，所以我已经
增加了一个我称之为包装器的div
包装器
浏览 2提问于2016-01-16得票数 0
回答已采纳
1回答
我知道有很多关于这个话题的问题--但是我还没有找到我的具体案例的答案。
我想要创建一个粘性页脚(不是position: fixed)，但是如果内容不足以填充页面空间，它将留在底部。如果有足够的内容，页脚将起到正常的作用。
在其他不使用引导程序的页面上，我可以这样做：
看到它在我的网站上运行：
但在我的部分网站上，我不得不使用引导程序，当我尝试使用flexbox方法时，事情就出了问题：
在大多数浏览器上，我只看到页面上的页脚被切断--但是在Safari上，事情变得非常糟糕。
总之，我要找的是：
粘性页脚解决方案：
不是固定的页脚解决方案(如果内容足以填充页面，则充当普通页脚)
不
浏览 0提问于2015-07-28得票数 1
2回答
页脚引导
、、
我有一个小问题的引导，我想添加一个页脚到我的网站，我希望它都在页面的底部
我的代码：
<footer class="footer navbar-fixed-bottom">
<h4>Developped By Dev-Sofiane</h4>
</footer>
我需要这个：
浏览 0提问于2021-04-16得票数 0
4回答
我试图在react中布局3个元素(没有jQuery和引导)。见图：
实际上，应用程序有一个容器div，它的主体高度为100%，设置为窗口高度。它有三个子元素：
标题:相对于容器顶部的位置
页脚:相对于容器底部的位置；可能具有可变的高度。
内容:相对于页脚顶部的位置
使容器和页眉就位很容易，但页脚和内容是困难的部分。我的代码如下所示：
CSS：
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.container {
height: 100%;
}
#foote
浏览 1提问于2017-10-12得票数 0
回答已采纳
我使用引导程序模板之类的模板已经有一段时间了，当我尝试修改或添加更多脚本时，我总是遇到这两种情况
场景1:在某些模板中，只有将脚本放在的顶部，即，才能工作。，但在元素的底部不起作用。
<head>
<!--required scripts here e.g.-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
</head>
<body>
<div c
浏览 50提问于2016-03-26得票数 3
回答已采纳
3回答
我正在尝试复杂的响应网页。
这里我使用了引导页脚类，里面有简单的反馈输入。我正在跟踪引导示例文档。为什么页脚不粘在底部，文本框看起来不对齐？
小提琴-
<footer class="footer" >
<div class="container">
<p class="text-muted">@Copyright</p>
<div class="form-group">
<input placehol
浏览 6提问于2014-12-28得票数 0
回答已采纳
我的react应用程序有一个导航条，显示不同的视图。我注意到每个视图在视图的底部、视图上的内容和页脚之间都有相同的空格。我尝试从其他堆栈溢出问题中向css添加以下内容：
html, body, #app, #app>div {
height: 100%
}
body {
background-color: #161e30;
color: white;
font-family: "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono&
浏览 2提问于2020-06-30得票数 0
2回答
页脚不会居中于页面底部
、、、
我的页脚恰到好处地显示在每一个电脑屏幕上。但是，当我在Iphone上测试它时，页脚被卡在页面的中间，并且不会以水平的方式重复。
我能做什么，让页脚也停留在Iphone屏幕和其他智能手机的底部？
这是我的页脚的CSS：
#footer {
position:absolute;
bottom:0;
width:100%;
height:270px;
background-image:url(images/footer.png);
}
浏览 4提问于2012-04-16得票数 1
2回答
我使用引导4作为响应模板。我已经修复了页眉和页脚使用固定顶部和固定底部类的引导4。
现在，我想在页眉和页脚之间修复容器类，这样我的内容就可以固定或滚动在容器中，而不会干扰页眉和页脚。
谢谢，请提出建议或帮忙。
浏览 0提问于2018-06-30得票数 0
回答已采纳
我正在尝试将以下模板应用于我的react.js应用程序：
我的应用程序中的标记看起来如下：
除了带有"root“id的div之外，否则我完全是在模仿上面给出的引导5示例。然而，页脚并没有粘在底部。
看起来是这样的：
我做错了什么？
浏览 4提问于2021-10-13得票数 0
回答已采纳
我在对话框中有一个列表视图，然后我必须使用页眉布局和页脚布局。我这样做，使我的页眉布局与顶部和页脚布局到底部。但它有个问题。看看下面的图片..。
，但通过这样做，对话框的大小变得更长，这不是预期的。
我被困在这种情况下。好吧，如果我把我的页脚和列表视图末端对齐，那么页脚就会离开屏幕。这也是意料之外的。
我想要的:
我希望我的列表视图应该在对话框中心可见，标题布局对齐顶部，页脚布局与对话框瓶盖边框的引导对齐，它不应该占用屏幕的全部长度。
没有一种方法可以使页脚与对话框底部对齐，并自动保持其高度(注意:我不想给对话框硬编码的高度，因为我希望对话框在所有设备上看起来都是一样的。
浏览 1提问于2016-11-22得票数 0
1回答
页脚不粘在底部。
、、
这是我的柱塞：
简而言之:我找不到一种将页脚放在页面底部的方法。
我只想依赖html：
<footer></footer>
我尝试使用引导ui的类：
<div class="modal-footer">
或
<div id="footer">
<div class="container">
...
</div>
但nothing...It似乎不起作用..。
浏览 0提问于2015-07-09得票数 1
回答已采纳
我试图使用引导程序将页脚放置到div的底部，而不对我想作为页脚推送到div底部的div应用边距。这是我的尝试，但页脚与顶部对齐。
<div style="background-color:#191919;" class="container">
<h3 style="color: #32CD32; font-family: Copperplate; align:left;">
HEADER TEXT
</h3>
<h5>... reaching out</h5&
浏览 3提问于2016-10-17得票数 0
回答已采纳
是否可以在CSS中实现以下配置？
我有一个很长的页面，底部有一个脚注(脚注显示属性是flex)
在该页的可见区域，我需要固定的区域始终在底部，只要滚动尚未到达页脚。
一旦滚动到页脚，固定区域应该向上滚动到页脚的顶部，如下所示：
固定区域位于页面可见区域的底部。
当滚动时，如果没有达到页脚，固定的是将保持在页面底部。
到达页脚时，固定位置位于页脚的顶部。
我试过这样的方法：
FixedArea {
position: fixed;
bottom: 0;
width: 100%;
}
但是当我滚动到页脚时，固定区域就消失了。
浏览 12提问于2017-09-08得票数 5
5回答
页脚引导的问题
、、、
我正在使用Twitter引导程序，有任何的页脚类吗？因为我撑不下去了。这是我的小提琴。这是页脚css：
.footer-no-nav {
border-top: 1px solid #C2B8B8;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: blo
浏览 3提问于2015-08-30得票数 2
回答已采纳
4回答
fluid布局中底部的页脚
、、、、
我有一个流畅的布局，但结果是，当页面中没有足够的内容时，我的页脚会像在中一样向上移动。
将页脚保留在页面底部的一个流行的解决方案是使用position: fixed或position: absolute，然而，当我这样做时，内容可能会在调整大小时与页脚发生冲突(你可以看到我所说的。尝试将窗口大小调整到文本隐藏在页脚后面的位置)。
那么，如何才能在页面底部设置页脚，并在流畅的布局中与页面的其余部分一起移动呢？
谢谢!
浏览 2提问于2012-03-10得票数 9
回答已采纳
1回答
引导行对齐节的底部
、、、、
我想对齐一个引导行在一个容器流体布局到底部的每一节在我的网站。我可以创建行-12行，然后使用位置:绝对和底部: 0px，但它似乎不是一个很好的方法，因为它将不会对其他部分有用。
实现这一目标的最佳方法是什么？
更新1:我试图避免使用javascript并维护响应性设计。
浏览 1提问于2015-03-31得票数 1
回答已采纳
1回答
我在屏幕底部有按钮，当我停下来进行客户端调试(t.debug)时，这些按钮被t.debug页脚所覆盖。当我选择“解锁页面”时，我可以与我的应用程序交互，除了页脚下面的任何小部件。我的应用程序底部有一个按钮工具栏，这使得手动交互模式变得非常无用。
注意:我可以选择工具栏中的按钮并点击enter，但从效率的角度来看，这不是我的QA部门认为可以接受的解决方法。
是否有任何方法使页脚消失或使网页表现为其视图结束于页脚之上？
浏览 0提问于2020-01-03得票数 1
回答已采纳
4回答
我似乎找不到如何在页面底部放置div (页脚)，而不是在屏幕上。我看到的许多答案都说绝对或固定，但这会将页脚带到屏幕的底部和页面的中间。
HTML
<div id="footer"></div>
CSS
#footer{
bottom: 0;
}
因此，让问题变得简短:如何在页面的底部而不是屏幕上放置页脚。
浏览 3提问于2015-06-14得票数 0
3回答
我有以下问题，我想动态定位我的页脚，所以如果我有一个长的内容，页脚只显示在页尾，但如果我有一个较短的，页脚显示在底部的显示。
我试过Sticky页脚，但它不工作，因为它相对于页面显示，我希望它相对于显示高度和内容高度。我也尝试过这个Jquery脚本，但没有做到这一点：
<script>
x = $('#div-that-increase-height').height()+20; // +20 gives space between div and footer
y = $(window).height();
if (x+100<=y){ // 100 is
浏览 0提问于2014-05-26得票数 1
回答已采纳
我想要一个页脚条，它粘在页面的底部，我现在使用的是“位置:固定”，问题是我有一个div，我想占据页脚上方的整个区域，问题是尽管div的底部由于位置:固定而被重叠。当我移除位置:固定，页面需要滚动.有人能给我一个例子，说明如何正确地创建一个页脚，该页脚保持在页面底部而不与元素重叠，并创建一个滚动条？我正在使用引导3。
浏览 3提问于2017-04-07得票数 0
回答已采纳
3回答
使用“粘性页脚”，我需要让内容div的底部填充等于页脚高度。
我想使用jQuery来获取页脚高度，并将该值应用于content div底部填充的值。
希望这是有意义的！
谢谢
浏览 0提问于2011-10-12得票数 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
1回答
这是我的页面结构
<head>
<script> javascript and angular....</script>
</head>
<body>
<div id="main" class="" >
<div ng-view class="view" ></div>
</div>
<script>load some extra libraries<
浏览 1提问于2016-04-04得票数 0
如果要将页脚放在支持CSS3 2.1和大多数CSS3的移动设备上(例如，如果是iPhone 4或iPhone 5S上的Chrome或Safari )，那么该页脚是否可以放置在页面底部，并且不使用任何JavaScript都是不粘的？
一个重要的注意事项是，我们不希望有很大的空间，并要求用户向下滑动以查看页脚，因为用户可以声称，由于页面底部显示的空格，他们从来不知道有页脚，这似乎已经结束了(因此，他们从未见过免责声明等法律问题)。
例如，如果我们为iPhone 4设置样式：
如果你想玩它的话：
所有这些看起来都很好，在页脚上方的区域使用CSS min-height of 400px。
但
浏览 6提问于2014-04-30得票数 3
3回答
我有一些困难，创建一个布局与引导3.3.7。
我设置了一个小提琴来展示我所拥有的：
关于我所拥有的，有三个问题我似乎无法解决：
我希望左手导航菜单(用红色边框勾画)与内容区域(蓝色边框勾画)的高度相同。
页脚应该始终位于浏览器窗口的“底部”，而不管内容区域中有多少内容。如果浏览器中出现滚动条，那么页脚应该始终位于浏览器窗口的底部，而不是显示为粘性页脚。
如果内容区域中有大量内容，则应该在右侧有一个滚动条。然而，左手导航菜单应该保持在一个固定的位置。
我能描述的最接近的东西是Gmail，在那里你可以向下滚动右边的消息列表，但是左边的文件夹导航保持在一个固定的位
浏览 0提问于2018-02-15得票数 0
回答已采纳
1回答
页脚动画和jQuery？
、、、、
我有一个页脚，我保存在我的页面底部使用。我希望我的页脚开始折叠，当用户单击按钮时，我希望它展开，然后将“展开”链接与页脚div中的另一个容器div交换。
我如何使用jQuery、HTML和CSS来完成这一任务？
编辑：
我想让页脚从大约20 to的高度开始。在页脚中，应该有一个按钮(我猜是一个链接)，上面写着“更多”或“关于”。当用户单击时，页脚应该会变得更高，并显示一个更精细的div，其中包含其他内容(而不是“更多”的链接)。
浏览 2提问于2010-11-29得票数 1
回答已采纳
2回答
我在MVC C#的引导站点中有以下代码。然而，我不能让页脚坚持到底部。
<footer class="main-footer" style="background: #3c8dbc; color: white; position: fixed; bottom: 0; width: 100%;">
<div class="pull-right hidden-xs">
<b>All rights reserved</b>
浏览 4提问于2015-07-07得票数 0
回答已采纳
5回答
我正在使用Twitter引导程序的‘粘性页脚’CSS，以确保我的页脚出现在我的页面底部。如何使我的内容(示例中的蓝色div )一直延伸到页脚(示例中的黄色div )？我试过让.content 100%高，但没有效果。
My CSS
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.content {
height: 100%;
}
.footer {
position: absolute;
浏览 0提问于2014-10-25得票数 0
回答已采纳
2回答
在引导示例中
添加样式表为
.container
{
background:yellow;
}
我会得到这个的
但我需要这个
我应该怎么做，因为页脚背景棒在底部，但在容器背景颜色？
浏览 2提问于2015-11-21得票数 0
5回答
我使用的是3.3.1和模板"Jumbotron“。
在这里，我的页面：
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<!-- content -->
</div>
</d
浏览 2提问于2014-12-04得票数 0
我有一个固定页眉和页脚的简单页面。当它从page1滑动到page2时，页面上的页脚首先显示在page2内容结束的位置(有点中间)，然后在页面完成滑动后，页脚重新定位并移动到底部。有什么方法可以避免这种情况吗？
浏览 1提问于2012-02-27得票数 0
3回答
我尝试在底部的中心设置引导页脚内容。但不幸的是，页脚没有设置准确的中心位置。我还没有弄清楚这些错误。请帮帮我。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script
浏览 0提问于2019-08-05得票数 0
回答已采纳
3回答
当内容不够时，我在引导试图覆盖浏览器窗口的全部高度时遇到了一个小问题。我在果园CMS中使用引导程序，这与此有任何关系。
这个问题可以从这里的图片中看出。
页面结构非常基本：
<body style="background-color: #b0a2b0;">
<div id="layout-wrapper" style="margin: 0px auto -75px; padding: 0px 0px 75px;">
<div class="container">
浏览 4提问于2014-06-03得票数 1
回答已采纳
2回答
我希望我的引导页总是在页面底部有它的页脚，而我找到的解决方案对我不起作用。这里没有提出的解决方案
不是为我工作的。由于页面的高度不同，这很棘手，对吗？不管我怎么尝试，在页脚下面总是有空格。而且，由于我不想要一个固定页脚，我应该如何实现这一点，因为我的引导站点是响应的？
浏览 0提问于2012-11-06得票数 4
回答已采纳
6回答
我知道这里已经讨论过很多次了，但我在这里找到的答案似乎都没有解决我的问题。
我有这个可变的(高度)布局，并且在页脚总是粘在底部。
我对容器div使用了min-height: 100%；，并以某种方式使其始终位于底部。问题是，它下沉得太低了。
我在这里举了一个例子：
正如您所看到的，我的页脚在底部，但在底部会走得太远，即使页面上有显示它的空间，它也会创建一个滚动条。
此外，我希望主容器显示得和内容一样大(即关闭正方形)，但现在，看起来容器一直到底部，而我的页脚正在覆盖它。
我到底做错了什么？
提前感谢
浏览 2提问于2010-11-15得票数 2
回答已采纳
我一直在努力寻找解决这个问题的方法，但没有太多成功。我基本上是在页面的顶部和底部使用一个背景属性来放置一个图像。现在我知道我可以进行相对定位，它会根据页面上有多少内容将图片放在底部移动。
我还可以将页眉/页脚设为绝对位置，并有效地让用户在它们之间滚动。但是我想做的是，如果没有太多的内容，我想把图片放在页面的底部，如果有很多内容(即用户必须滚动浏览)，图片就会放在底部。
这只是我自己尝试弄清楚的一件小事，因此任何关于这方面的想法/建议或教程都将不胜感激。我不想用表格来布置我的页面，不知道该怎么做。
谢谢!
浏览 0提问于2012-02-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
