CSS3 - footer 固定在底部(无论页面多高始终在底部)

前言

把 footer 区固定在底部，无论页面高度多宽，它始终在底部不会变，就像移动端的菜单一样。

code

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title><!-- css -->
<style>
#demo{position: fixed;left: 0px;bottom: 0px;width: 100%;height: 50px;background-color: #eee;z-index: 9999;
}
</style></head>
<body>
<footer id="demo">我是footer</footer>
</body>
</html>

CSS3 - footer 固定在底部(无论页面多高始终在底部)相关推荐

前端：页面内容不够，始终把footer固定在底部
绝对定位 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
html中如何在页面底部增加,HTML中footer固定在页面底部的若干种方法
如果主体内容过短不足以支撑浏览器时,footer会上移,非常影响页面,算是一个大bug了,搜过很多种方法现整理一下footer固定在第的若干种方法,供以后参考.(欢迎大家积极补充.) 以上布局为给个人 ...
如何将footer标签固定在底部_div footer标签css实现位于页面底部固定
作为一个页面仔你一定遇到过:当一个HTML页面中含有较少的内容时,Web页面的"footer"部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看 ...
如何将footer标签固定在底部_让footer固定在页面底部
最近做了几个触屏版页面,页面比较简单,内容短,但是都有个底部,面对各种机型,底部不是一直处于底部位置,长屏.高分辨率的机子上的表现是悬在半空中,就像一根刺卡在喉咙啊.为此做了几种尝试. 其中有个活动的 ...
footer固定到底部
固定Footer 很多情况之一,设计师希望导航条固定在浏览器顶部或底部,这种固定式导航条的应用在移动端开发中更为常见.Bootstrap框架提供了两种固定导航条的方式: ☑ .navbar-fixe ...
[html] 写个布局，当页面高度不够时，底部固定在下面，反之不固定
[html] 写个布局,当页面高度不够时,底部固定在下面,反之不固定 <div class="layout"> <header class="heade ...
android html footer 固定,HTML5+CSS把footer固定在底部
在刚开始给网页写footer的时候,我们会碰到一个让人烦躁的问题:当页面内容太少时,footer显示在了页面中间,这是我们不希望出现的,我们希望它能够永远呆在底部,不管网页的内容是多还是少.下面的代码 ...
CSS查漏补缺（一）—页面内容不足铺满屏幕高度和有滚动条时，footer始终保持底部显示
记录一个项目中经常会用到的技巧,footer区(比如版权信息)要始终居于页面底部.如果用fixed定位显然不可取,因为要保证页面高度大于屏幕高度时,footer区要跟随着页面滚动保持在底部,如下图: ...
css实现让页面的footer始终位于底部
在写html页面布局的时候经常会遇到这样的情况:当页面内容较少的时候footer下面会有留白这样会很不好看,直接给footer,fixed定位的话当页面内容多的时候,footer又会盖住下面的内容.下 ...

CSS3 - footer 固定在底部(无论页面多高始终在底部)

前言

code

CSS3 - footer 固定在底部(无论页面多高始终在底部)相关推荐

最新文章

热门文章