文档章节

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;
}


© 著作权归作者所有

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

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

红薯
2011/03/01
253
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
504
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
274
0
【技巧篇】解决悬浮的、遮挡内容的处理技巧

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

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

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

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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
今天
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
今天
1
0
20180818 上课截图

小丑鱼00
今天
1
0
Springsecurity之SecurityContextHolderStrategy

注:下面分析的版本是spring-security-4.2.x,源码的github地址是: https://github.com/spring-projects/spring-security/tree/4.2.x 先上一张图: 图1 SecurityContextHolderStrategy的三个......

汉斯-冯-拉特
今天
1
0
LNMP架构(Nginx负载均衡、ssl原理、生成ssl密钥对、Nginx配置ssl)

Nginx负载均衡 网站的访问量越来越大,服务器的服务模式也得进行相应的升级,比如分离出数据库服务器、分离出图片作为单独服务,这些是简单的数据的负载均衡,将压力分散到不同的机器上。有时...

蛋黄_Yolks
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部