文档章节

header&footer不使用fixed

黄明就
 黄明就
发布于 2015/12/15 17:03
字数 215
阅读 11
收藏 0
点赞 0
评论 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;
}


© 著作权归作者所有

共有 人打赏支持
黄明就
粉丝 0
博文 9
码字总数 1178
作品 0
珠海
程序员
OpenXava 4.1.1 发布,Java的Web开发套件

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

红薯 ⋅ 2011/03/01 ⋅ 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 ⋅ 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 ⋅ 0

【技巧篇】解决悬浮的、遮挡内容的处理技巧

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

chokcoco ⋅ 2015/03/27 ⋅ 0

JQM,footer定位问题

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

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

OpenXava 4.0.1 发布

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

红薯 ⋅ 2011/01/12 ⋅ 0

OpenXava 4.2.1 发布,Java快速Web开发套件

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

老枪 ⋅ 2011/07/12 ⋅ 0

OpenXava 4.8.1 发布,Web 快速开发套件

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

oschina ⋅ 2013/10/02 ⋅ 2

fastjson 1.1.60.android发布

这个版本主要是从标准版本backport bug fixed & features Issues 修复泛型参数对象不使用参数和使用参数混用导致解析类型不对的错误 #1265 反序列化支持SnakeCase和PascalCase名称自动识别 ...

两味真火 ⋅ 2017/07/23 ⋅ 0

rhel5下配置dhcp服务器

rhel5下配置dhcp服务器 dhcp 动态分配ip地址服务器 优点:分配的ip地址不会重复,可以减轻管理员的负担 开始配置: yum install -y dhcp //安装软件包 # cat /etc/dhcpd.conf DHCP Server Co...

技术小阿哥 ⋅ 2017/11/27 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

行政区划代码转为字典形式

原数据为: http://www.mca.gov.cn/article/sj/xzqh/2018/201804-12/201804-06041553.html 手动替换了一下格式,并使用下面的代码处理. # 输入格式s = """110000:北京市110101:东城区1101...

漫步海边小路 ⋅ 9分钟前 ⋅ 0

android apk 签名

创建key,需要用到keytool.exe (位于C:\Program Files\Java\jdk1.6.0_10\bin目录下),使用产生的key对apk签名用到的是jarsigner.exe (位于C:\Program Files\Java\jdk1.6.0_10\bin目录下),把...

国仔饼 ⋅ 18分钟前 ⋅ 0

springcloud+jps+mybatis多数据库配置

多数据库配置 配置我们目录结构设置: config ---datasource ----jpa ----mybatis ----redis Datasource中是数据的相关配置 Jap中是springDatajpa的相关配置 Mybatis中是mybatis的相关配置 ...

大-智-若-愚 ⋅ 25分钟前 ⋅ 0

Spring mvc HandlerMapping 实现机制

概述 当DispatcherServlet接受到客户端的请求后,SpringMVC 通过 HandlerMapping 找到请求的Controller。 HandlerMapping 在这里起到路由的作用,负责找到请求的Controller。 Spring MVC 默认...

轨迹_ ⋅ 28分钟前 ⋅ 0

JavaScript零基础入门——(十)JavaScript的DOM基础

JavaScript零基础入门——(十)JavaScript的DOM基础 欢迎大家回到我们的JavaScript零基础入门,上一节课,我们了解了JavaScript中的函数,这一节课,我们来了解一下JavaScript的DOM。 第一节...

JandenMa ⋅ 今天 ⋅ 0

Weex起步

本教程假设你已经在你的本地环境安装了node 其实weex起步教程在 https://github.com/lilugirl/incubator-weex 项目说明文件中都已经有了,但为了有些同学看到英文秒变文盲,所以这里我重新写...

lilugirl ⋅ 今天 ⋅ 0

Jenkins实践1 之安装

1 下载 http://mirrors.jenkins.io/war/latest/jenkins.war 2 启动 java -jar jenkins.war 前提:安装jdk并配置环境变量 启动结果节选: ************************************************......

晨猫 ⋅ 今天 ⋅ 0

组合数学 1-2000 中,能被6或10整除的数的个数

1--2000 中,能被6或10整除的数的个数 利用集合的性质 能被6整除的个数 2000/6 = 333 能被10整除的个数 2000/10 = 200 能被6和10整除的个数 2000/30 = 66 能被6或10整除的个数 333+200-66 =...

阿豪boy ⋅ 今天 ⋅ 0

一篇文章学懂Shell脚本

Shell脚本,就是利用Shell的命令解释的功能,对一个纯文本的文件进行解析,然后执行这些功能,也可以说Shell脚本就是一系列命令的集合。 Shell可以直接使用在win/Unix/Linux上面,并且可以调用...

Jake_xun ⋅ 今天 ⋅ 0

大数据工程师需要精通算法吗,要达到一个什么程度呢?

机器学习是人工智能的一个重要分支,而机器学习下最重要的就是算法,本文讲述归纳了入门级的几个机器学习算法,加大数据学习群:716581014一起加入AI技术大本营。 1、监督学习算法 这个算法由...

董黎明 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部