文档章节

header&footer不使用fixed

黄明就
 黄明就
发布于 2015/12/15 17:03
字数 215
阅读 11
收藏 0
<body>
  <div class='top'>
  </div>
  <div class="main">
    <br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>435345345
  </div>
  <div class="footer"></div>
</body>

body{
  margin: 0;
}
.top{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5em;
  background: #f0f;
}
.main{
  position: absolute;
  top: 1.25em;
  bottom: 1.25em;
  left: 0;
  right: 0;
  background: #114422;
  overflow: auto;
  color: #fff;
  font-size: 2em;
}
.footer{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.5em;
  background: #666;
}
::-webkit-scrollbar{
  width: 0;
}


© 著作权归作者所有

共有 人打赏支持
上一篇: js md5加密
黄明就
粉丝 0
博文 9
码字总数 1178
作品 0
珠海
程序员
私信 提问
Aspose.Words for Cloud 1.20.0 发布

Aspose.Words for Cloud 1.20.0 发布,主要更新如下: Added property “CssClassNamesPrefix” to HtmlFixedSaveOptions Added property “ExportOriginalUrlForLinkedImages” to HtmlSav......

oschina
2015/12/24
614
1
vagrant package出现内部错误

大家好。 请问哪位朋友使用vagrant 1.4.2打包过,我这边打包总报: [default] Clearing any previously set forwarded ports... A directory was not specified to package. This should nev......

翟志军
2014/01/08
931
0
OpenXava 4.1.1 发布,Java的Web开发套件

OpenXava是一个让使用XML与Java来开发J2EE商业应用程序变得简单的框架.OpenXava不使用常见的MVC架构,它是一个JPA应用程序引擎,你能够通过JDK5.0注解或XML描述对象-关系表的映射关系,并将运...

红薯
2011/03/01
253
0
【技巧篇】解决悬浮的、遮挡内容的处理技巧

引言 在现在的前端页面中,尤其是移动端,经常会需要将 或者是 模块悬浮出来,跟随页面的滑动保持定位在页面的最上方或者是最下方,如下图所示。 “回复主题”模块,就是跟随页面的浮动一直悬...

chokcoco
2015/03/27
0
0
JQM,footer定位问题

使用footer,加上date-position="fixed"后 用手机运行,上下滑动查看信息后,转换屏幕方向,footer位置就变了,有时在上面,有时在中间. 然后我尝试不使用data-role="footer" ,自己给div写样式...

三十九度伤
2012/08/27
740
2

没有更多内容

加载失败,请刷新页面

加载更多

Supplier函数式接口

Supplier接口的不传入参数,返回一个值。真是一个无私奉献的接口,还没有default方法。 下面就想用一个接口试试,其实我本来用的是IntSupplier,但是发现在使用方法引用的时候,不好把Math....

woshixin
12分钟前
0
0
MyBaties一级缓存

一、一级缓存简介 在系统代码的运行中,我们可能会在一个数据库会话中,执行多次查询条件完全相同的Sql,鉴于日常应用的大部分场景都是读多写少,这重复的查询会带来一定的网络开销,同时sel...

嘴角轻扬30
19分钟前
0
0
jquery

语法 描述 实例 $("*") 选取所有元素 在线实例 $(this) 选取当前 HTML 元素 在线实例 $("p.intro") 选取 class 为 intro 的 <p> 元素 在线实例 $("p:first") 选取第一个 <p> 元素 在线实例 ...

mskk
24分钟前
1
0
微信红包设计方案

前言 微信红包一经推出,春节期间微信用户红包总发送量达80.8亿,红包峰值40.9w/秒,在如此量级下,系统设计存在各种变数,稍有闪失会功亏一篑。 红包系统 红包系统有三部分组成:信息流,业...

春哥大魔王的博客
34分钟前
1
0
微信开发-正式号的配置

1、设置相关 业务域名的设置(不设置的话,相关页面会显示防欺诈盗号信息提示) JS接口安全域名设置 网页授权域名设置 注意:以上三个设置中都有下载文件的提示,此文件内容一样,下载一个即可...

Code辉
40分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部