文档章节

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

没有更多内容

加载失败,请刷新页面

加载更多

一个可能的NEO链上安全随机数解决方案

0x00 困境 链上安全随机数生成应该算是一个比较蛋疼的问题,哪怕你的系统再牛逼,合约程序困在小小的虚拟机里,哪怕天大的本事也施展不开。 更悲催的是,交易执行的时候,是在每一个节点都执...

暖冰
22分钟前
0
0
【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
今天
1
0
Spring5对比Spring3.2源码之容器的基本实现

最近看了《Spring源码深度解析》,该书是基于Spring3.2版本的,其中关于第二章容器的基本实现部分,目前spring5的实现方式已有较大改变。 Spring3.2的实现: public void testSimpleLoad(){...

Ilike_Java
今天
1
0
【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
今天
2
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
今天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部