头部和底部固定,中间内容可滚动
来源:互联网 发布:数据库中储存的是什么 编辑:程序博客网 时间:2024/05/24 15:43
html+css的代码的展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上下固定,中间内容可以滚动</title>
<style type="text/css">
html,body,.page{width:100%; height:100%;overflow:hidden;}
.top,.con,.bottom{position:absolute; left:0; right:0;}
.top{top:0;z-index:1; height:30px;background:#ff0;}
.con{top:30px; bottom:40px; overflow:auto;}
.bottom{bottom:0;z-index:1; height:40px;background:#00f;}
</style>
</head>
<body>
<div class="wrap">
<div class="top">头部</div>
<div class="con">中间内容<br/>
中间内容<br/>
中间内容<br/>
中间内容<br/>
中间内容<br/>
中间内容<br/>
中间内容<br/>
</div>
<div class="bottom">底部内容</div>
</div>
</body>
</html>
0 0
- 头部和底部固定,中间内容可滚动
- 使用flex固定头部和底部中间滚动
- 手机html开发,简单实例,头部底部固定,中间可以滚动
- 上下固定,中间可滚动
- android实现顶部底部标题栏固定 中间可滚动,仿QQ空间的主界面布局
- HTML5,指定内容滚动到底部固定
- ionic实现表格头部和第一列固定且都可滚动
- 整套网页头部和底部的内容一样,只切换中间的内容(自己的项目总结)
- android实现顶部底部固定 中间可滑动
- Android ListView 技巧设置固定可滚动头部
- 上面固定,左侧固定,右侧内容可滚动
- Phonegap+Android固定头部和底部工具栏的方法
- css前端头尾部固定,中间内容可滑动
- 表格固定头部,底部,左侧
- 顶部和底部固定中间自适应的布局
- android 下拉刷新可自定义刷新头部和底部
- CSS实现自适应高度布局:头部底部固定,中间自适应铺满屏幕剩余高度,中间盒子里左盒子固定右盒子自适应宽度
- jquery datatables插件兑现表头固定内容可滚动列表
- windows下c/c++编程实现 贪吃蛇简易版
- 内核中的kfifo的例子
- 树——一种数据结构(一)
- 【慕课笔记】2-5 数据类型与操作数据表—数据类型之字符型
- 图片自适应imageView属性
- 头部和底部固定,中间内容可滚动
- 树节点类型定义
- c++:改造cmdline用于MSVC下的命令行参数解析
- android接入原生第三方登录(微信登录、QQ登录、新浪微博登录)
- Android网络编程(一)HTTP协议原理
- IOS开发 统计XCODE 代码行数
- nyoj247
- 将一个文件夹下的所有文件后缀改成.txt
- Struts和SpringMVC的区别