Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在页面底部有一个粘性页脚，但不与其他元素重叠？

问如何在页面底部有一个粘性页脚，但不与其他元素重叠？
EN

Stack Overflow用户

提问于 2017-04-07 15:07:03

回答 1查看 49关注 0票数 0

我想要一个页脚条，它粘在页面的底部，我现在使用的是“位置:固定”，问题是我有一个div，我想占据页脚上方的整个区域，问题是尽管div的底部由于位置:固定而被重叠。当我移除位置:固定，页面需要滚动.有人能给我一个例子，说明如何正确地创建一个页脚，该页脚保持在页面底部而不与元素重叠，并创建一个滚动条？我正在使用引导3。

twitter-bootstrap-3

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-07 15:13:15

在页脚之前的最后一个元素中添加一个margin-bottom，它至少和页脚高一样大。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43288300

复制

相关文章

Handsome底部页脚标签样式

在 usr/themes/handsome/component/footer.php中删掉以下代码

kenvie

2022/01/20

8320

Handsome底部页脚标签样式

有重叠与无重叠序列之序列检测与序列产生

例如检测序列1101011，我们给出输入：110101101011，如果是无重叠检测，则只能检测到一个序列：1101011_01011;

Reborn Lee

2020/06/29

1.9K0

WordPress网站底部的自定页面（如：网站地图等）按钮美化教程

最近浏览博客，看到不少朋友这个底部的美化，我也觉得底部的这些按钮平平无奇，就想着用css设置一个样式，从而美化按钮方法，至此分享给大家。

文曦

2022/06/09

1K0

WordPress网站底部的自定页面（如：网站地图等）按钮美化教程

网站页面优化：页脚文本

网站图像处理

页脚文本优化就是在网页最底部通常会看到关于我们，版权声明，隐私政策，免责声明等，我们将重点介绍页脚中关于我们的文本优化，以及页脚中应包含哪些具体优化内容。在深入了解细节之前，让我告诉你为什么需要优化网站页脚？我们都明白网站页脚是读者最后一个停靠点。你会情不由禁地问自己：“你的网站读者到达网站页脚时，你希望读者做什么？” 如果你想让他们采取行动，请将CALL-TO-ACTION按钮添加到页脚中。

林雍岷

2019/07/03

1.6K0

【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )

flutter 博客框架索引源码

在 Scaffold 的 bottomNavigationBar 属性设置底部导航栏 ;

韩曙亮

2023/03/29

4.6K0

【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )

网站页面优化：网页页脚

网站 seo 搜索引擎

网页页脚优化在SEO实践中意见分歧多，让网站优化人员拿不定主意，反对者从实用性角度看网页页脚接近零活动，支持者认为经过设计师和开发者实现的网页页脚不仅会吸引访客的注意力，还会使整个网站更具权威可信、使用便捷、信息拓展合理。搜索引擎分析网页页脚及优化策略谷歌发展到今天有能力分析网站美观，易用性和内容相关性

林雍岷

2019/07/03

1.5K0

CSS粘性定位是怎样工作的 [每日前端夜话0x1F]

css 容器 https 网络安全

第一，受到浏览器的良好支持需要漫长的等待：浏览器的支持往往需要很长的时间才能完成，到时候它的功能已经被人们遗忘了。

疯狂的技术宅

2019/03/27

1.8K0

CSS粘性定位是怎样工作的 [每日前端夜话0x1F]

关于元素间的边距重叠问题与BFC

BFC（Block Formatting Context），即块级格式化上下文，创建了 BFC 的元素是一个独立的容器，里面无论如何布局都不会影响到外面的元素

Leophen

2019/08/23

1.9K0

关于元素间的边距重叠问题与BFC

WebForm的Grid页面页脚DropDownList事件[通俗易懂]

编程算法 asp html

大家好，又见面了，我是你们的朋友全栈君。帖子 http://community.csdn.net/Expert/topic/3506/3506615.xml?temp=.5394251 中，提到了一

全栈程序员站长

2022/11/04

6330

CSS粘性定位 - 它的真正工作原理！

css 容器工作浏览器原理

CSS中的sticky定位有很好的浏览器支持，但许多开发者并没有使用它。原因有两方面：一是等待浏览器支持的时间太长，导致这个特性被遗忘；二是大部分开发者并不完全理解它的工作原理。

前端小智@大迁世界

2023/07/09

3070

CSS粘性定位 - 它的真正工作原理！

页面copyright部分始终居于页面底部

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{margin:0;padding:0;} html,body{height:100%;color:#fff;} .main{background:#ccc;_height:100%;min-height:100%;} .main_m{padding-

欢醉

2018/01/22

9700

Fabric.js 监听元素相交(重叠)

数据结构 javascript

fabric.js 提供了一个方法可以检查对象是否与另一个对象相交（也可以叫元素是否重叠）。

德育处主任

2022/12/01

3.2K0

Fabric.js 监听元素相交(重叠)

5个最佳WordPress广告插件

wordpress 玩转wordpress

WordPress插件可能是当今人们可以使用的最好的东西之一。它们提供了在网站上完成原本需要由开发人员完成的事情的能力。

晓得博客

2022/07/18

8.6K0

【说站】css浮动元素的重叠问题

2、块级元素与浮动元素重叠时，边框和背景将显示在浮动元素下，内容将显示在浮动元素上。

很酷的站长

2022/11/23

1.2K0

【说站】css浮动元素的重叠问题

WordPress页脚显示页面加载时间的方法

performance的参数 true 表示在页面中直接显示，如本文配图。如果你想在页面前端不显示，只在html源码中可见，可改为 false

可定

2020/04/20

1.3K0

WordPress页脚显示页面加载时间的方法

Confluence 6 移动一个文件到其他页面

你需要同时具有添加页面（Add Page），添加附件（Add Attachment）和删除附件（Remove Attachment）空间权限来移动一个附件文件到其他页面。

HoneyMoose

2019/08/23

6920

WordPress底部显示页面加载时间

效果预览方法 1.将以下代码加入到主题的functions.php中 //页面加载时间自动检测 function wp_page_speed() { date_default_tim

回忆大大

2021/08/09

1.7K0

WordPress底部显示页面加载时间

其他html元素和属性

html checkbox class h2 程序

disabled：标识元素不可用，就是用户不可互动，比如 button 的 disabled，就是按钮不能点击

鹤川

2023/03/21

7280

WordPress底部显示页面加载时间

本文最后更新于2021年1月22日，已超过1年没有更新，如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢!

回忆大大

2023/03/08

1.5K0

WordPress底部显示页面加载时间

Layui 页面元素

filter hide inline layui text

layui-elip,layui-disabled,layui-circle,layui-show,layui-hide

用户5760343

2019/10/23

8740

相似问题

bootstrap底部粘性页脚与站点重叠

34

底部粘性页脚，无重叠

530

页面底部有粘性页脚的问题

1010

页面底部的粘性页脚

40

jQuery -粘性元素与页脚重叠，如何避免？

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例