<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

        <style>

            html,

            body {

                height: %;

                margin: ;

                padding:

            }

            #dHead {

                height: 100px;

                line-height: 100px;

                background: #;

                width: %;

                position: absolute;

                z-index: ;

                top: ;

                text-align: center;

            }

            #dBody {

                background: #FC0;

                width: %;

                overflow: auto;

                top: 100px;

                position: absolute;

                z-index: ;

                bottom: 100px;

            }

            .mycontent {

                padding: 20px;

            }

            #dFoot {

                height: 100px;

                line-height: 100px;

                background: #;

                width: %;

                position: absolute;

                z-index: ;

                bottom: ;

                text-align: center;

            }

        </style>

    </head>

    <body>

        <div id="dHead">固定头部100px;</div>

        <div id="dBody">

            <div class="mycontent"> 中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

                中间自适应部分<br>

            </div>

        </div>

        <div id="dFoot">固定尾部100px</div>

    </body>

HTML中--定义header和footer高度中间自适应的更多相关文章

  1. 怎样在UICollectionView中添加Header和footer

    ---恢复内容开始--- 怎样在UICollectionView中添加Header和footer 转载于http://my.oschina.net/zboy/blog/221525 摘要 来自-htt ...

  2. StroyBoard中UICollectionView中添加Header和footer

    到Storyboard中,选择collection view controller中的"Collection View".在Attributes inspector中,选择&quo ...

  3. 如何在html文件中导入header、footer等

    1.include是php函数,所以确实需要转化成.php文件--(其实除了用php,html都有自带的引入方法)2.html转化为php文件很简单,直接改一下后缀名就可以了--(如:index.ht ...

  4. ## GridView 布局：item设置的高度和宽度不起作用、自动适配列数、添加Header和Footer ##

    一.item设置的高度和宽度不起作用 转自:http://www.cnblogs.com/0616--ataozhijia/p/6031875.html [Android Pro] listView和 ...

  5. 在Storyboard中为UITableView添加Header和Footer

    我在这里所说的Header和Footer并不是sectionHeader和sectionFooter,而是指UITableView的tableHeaderView和tableFooterView,这两 ...

  6. Header 与 Footer 的 DIV 高度固定， 中间内容 DIV高度自适应，内容不满一页时，默认填满屏幕。

    一.需求: 页面布局分三大块: Header Body Footer 1.内容不满一页时,Footer 在屏幕最底部,Body 填充满 Header 与 Footer 中间的部分. 2.当缩小浏览器时 ...

  7. Vuejs中slot实现自定义组件header、footer等

    Vuejs中slot实现自定义组件header.footer等 vue中的slot主要负责内容分发,之前有介绍过slot的内容,具体链接:http://www.cnblogs.com/vipzhou/ ...

  8. easy Html5 - Jquery Mobile之ToolBars(Header and Footer)

    jquery 在web js框架上的风暴还在继续却也随着移动终端走向了mobile:那么jquery mobile到底包括些什么呢 简介工具栏是在移动网站和应用中的头部,尾部或者内容中的工具条:Jqu ...

  9. html5新特性-header,nav,footer,aside,article,section等各元素的详解

    Html5新增了27个元素,废弃了16个元素,根据现有的标准规范,把HTML5的元素按优先级定义为结构性属性.级块性元素.行内语义性元素和交互性元素四大类. 下面是对各标签的详解,section.he ...

随机推荐

  1. Elasticsearch 学习之携程机票ElasticSearch集群运维驯服记(强烈推荐)

    转自: https://mp.weixin.qq.com/s/wmSTyIGCVhItVNPHcH7nsA 一.整体架构 为什么采用ES作为搜索引擎呢?在做任何事情的时候,不要一上来就急着了解怎么做这 ...

  2. vs2017更新后web项目部分后台代码类没有颜色，也没有自动提示输入功能

    vs2017有的版本更新后默认.net framework框架是.net framework4.6.1,将项目的.net framework框架更改为4.6.1,颜色和自动提示出现

  3. linux-Centos 7下tftp-server服务的安装与配置

    TFTP(Trivial File Transfer Protocol,简单文件传输协议)是TCP/IP协议族中的一个用来在客户机与服务器之间 进行简单文件传输的协议,提供不复杂.开销不大的文件传输服 ...

  4. linux下的文件解压命令

    说一下tar命令的参数含义:z,使用gzip解压,x:extract解压,v:显示详细信息,f:使用归档在当前文件夹. 在解压时出现了解压失败,原因是没有sudo,无法创建文件夹.

  5. C - Yogurt factory

    The cows have purchased a yogurt factory that makes world-famous Yucky Yogurt. Over the next N (1 &l ...

  6. solus下 修改 crate-react-app 的默认下载依赖方式为 yarn

    vim /usr/local/share/.config/yarn/global/node_modules/create-react-app/createReactApp.js 或者是 修改 /usr ...

  7. Servlet3.0 multipart 文件上传技术

    Servlet3.0 javaConfig配置 传统的servlet都是在web.xml中配置,从Servlet 3.0开始提供了ServletContainerInitializer接口,允许使用代 ...

  8. 【react】---手动封装一个简易版的redux---【巷子】

    export let createStore = (reducer)=>{ //定义默认的state let state = {}; //定义默认的action let actionTypes ...

  9. python爬虫之真实世界中的网页解析

    Request和Response Request是我们平常浏览网页,向网站所在的服务器发起请求,而服务器收到请求后,返回给我们的回应就是Response,这种行为就称为HTTP协议,也就是客户端(浏览 ...

  10. hdu2609 How many【最小表示法】【Hash】

    How many Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Su ...