footer 相关问题

在编程中,页脚(或简称页脚)是页面的一部分,它与主体分离并出现在页面的底部。

如何在黄瓜特征文件中提供多个参数

我是否知道如何在特征文件(黄瓜)中传递多个参数?例如:我需要自动化网站页脚部分中的链接,就像该部分中有14个以上的链接一样。哪个...

回答 2 投票 -1

在页面底部显示页脚

页脚没有显示在页面底部。我怎样才能解决这个问题? / * FOOTER * / #footer {位置:相对;底部:0背景颜色:黑色;颜色:...

回答 1 投票 0

CSS仅删除一页上的导航栏和页脚之间的边距

我有一个带有图像和深色覆盖层的着陆页,我要占据导航栏和页脚之间的所有空间,而两者之间没有空白。我最初的问题是保持页脚固定...

回答 1 投票 -1

如何使页脚停留在页面底部

我正在放置一个粘贴在我的侧边栏底部的页脚。但是,一个小问题困扰着我。看来页脚从左边开始有一个空白,但是没有空白...

回答 1 投票 0

如何将引导程序页脚设置到页面的末尾?

我尝试使用Material Design for Bootstrap创建一个网站。该网站的末尾应具有页脚。但是页脚出现在网站的末尾,而是出现在网站的中间(在...

回答 1 投票 -1

底部页脚不会在横向模式下停留在iOS 7中

我的网站已经差不多用完了,但是有一个小问题。 我的网站上具有固定的页眉和页脚,并具有快速响应的布局。 除了我将手机 倾斜 到 横向 模式外,所有的工作都与我想...

回答 1 投票 0

SSRS 2005报告末尾的文本框

我正在使用SSRS 报告服务。 报告页面包含所有三个部分,表格位于正文中。 我想在报告的末尾添加一个具有 个文本框的矩形,这意味着它应该定位为精确到最后一页的...

回答 1 投票 1

页脚位置由于高度100%而错误

我发现很多人都在问类似的问题,但是我的似乎是另外一个问题。这是我的部门的安排。 [ ]

回答 1 投票 0

如何调整页脚柱基础zurb

我正在尝试创建页脚导航。我观看了Gary Jennings的视频。我复制了他在HTML和CSS中所做的一切。我的页脚不是水平对齐,而是放在...

回答 1 投票 0

无法使用CSS创建页脚

我正在尝试将div附加到页面底部。此页面不可滚动,但我无法按像素设置顶部,因为它需要响应屏幕尺寸。我想要的只是一个div,位于...

回答 1 投票 0

当浏览器窗口缩放时页脚图像会重复或创建空白

我有一个页脚不固定的网页,即,如果您滚动到页面底部,则页脚就在那里。它具有背景图像,需要根据浏览器大小进行缩放并在IE11上工作。 ...

回答 1 投票 1

具有页眉,页脚和正文的简单div

我需要一个简单的带有页眉,页脚和正文内容的div。页眉和页脚需要固定,div的高度应为250px或最大为500px,其宽度为500px并且我的身体内容应为...

回答 5 投票 3

使页脚停留在页面底部,而内容不会被剪切[重复]

我正在计算窗口高度和其他元素的高度,并使页脚停留在底部。我尝试使用JavaScript,但是页脚仅采用页眉元素的高度并对齐...

回答 6 投票 0

使页脚停留在页面底部

我正在计算窗口高度和其他元素的高度,并使页脚停留在底部。我尝试使用JavaScript,但是页脚仅采用页眉元素的高度并对齐...

回答 2 投票 0


脚不在页面底部

我正在从头开始创建我的投资组合网站。我陷于页脚部分。我创建的其他页面的页脚按预期工作,但对于“继续”页面,该页面的页脚位于页面中间...

回答 5 投票 0

ngx-perfect-scrollbar show hide footer

我正在尝试根据滚动方式使页脚向内/向外滑动。到目前为止,我唯一需要做的就是用psYReachEnd来显示页脚,但是如何“告诉”页脚向后滑出...

回答 1 投票 0

使用POI api将页脚添加到ms字中

我进行了很多搜索,并获得了一些结果,这些结果中包含一些示例代码,但是没有人在工作。要么都是获取空指针异常,要么是生成文档,则在...

回答 2 投票 3

以固定页脚格式显示手风琴内容的按钮

我想在页脚中创建“按钮”。单击这些按钮将以手风琴字体样式显示内容。我生成了我认为是完美的编码,但是当我...

回答 1 投票 0

试图让.footer停留在网页的最底部

我的HTML看起来像下面的内容,但没有内容,因为仅需回答以下问题: [] 我想这就是您所需要的... HTML <div id="container"> <div id="header"></div> <div id="body"></div> <div id="footer"></div> </div> CSS html, body { margin:0; padding:0; height:100%; } #container { min-height:100%; position:relative; } #header { background:#ff0; padding:10px; } #body { padding:10px; padding-bottom:60px; /* Height of the footer */ } #footer { position:absolute; bottom:0; width:100%; height:60px; /* Height of the footer */ background:#6cf; } http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page 您可以尝试这样的事情: CSS: .socialmedia, .navbar, .mainbody, .footer { border: 1px solid grey; margin-top: 5px; width: 800px; } .socialmedia { height: 20px; } .mainbody { min-height: 980px; } .footer { height: 25px; } HTML: <div class="container"> <div class="socialmedia">Social Media</div> <div class="navbar">Navbar</div> <div class="mainbody">Mainbody</div> <div class="footer">Footer</div> </div> 正在使用jsFiddle: http://jsfiddle.net/LrfXr/ 我将假定这是一个与此处的问题类似的问题:How to Stop Sticky Footer at Content DIV 在这里有一些很好的答案。 该页面上的链接:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/http://twitter.github.io/bootstrap/examples/sticky-footer.html 基本上,您正在寻找一个页脚,该页脚将自身附加到视口的底部,但是如果内容将其推离视口,则该页脚也会延伸。 Martin Bean和Ryan Fait拥有最好的方法。引导程序的方法也是该方法的一种变体。 快乐狩猎。 这里是jsFiddle链接。以下是您的CSS和HTML代码: HTML代码 <div class="container"> <div class="socialmedia">Social Media</div> <div class="navbar">Navbar</div> <div class="mainbody">Mainbody</br>Mainbody</br>Mainbody</br>Mainbody</div> <div class="footer">Footer</div> </div> CSS *{ margin:0; padding:0; } body { background-color:#E4E2E2; color:#fff; } .container { min-height:100%; /*position:relative;*/ } .socialmedia { background-color:#186301; padding:10px; } .navbar { background:#A60206; padding:10px; min-height:30px; } .mainbody { padding:20px; background-color:#6D0594; } .footer { position:absolute; bottom:0; padding:2%; background-color:#000; width:96%; } 这对我有用:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ 简而言之,使用此: CSS * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; } .footer, .push { height: 4em; } HTML <html> <head> <link rel="stylesheet" href="layout.css" ... /> </head> <body> <div class="wrapper"> <p>Your website content here.</p> <div class="push"></div> </div> <div class="footer"> <p>Copyright (c) 2008</p> </div> </body> </html>

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.