<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. [1]朝花夕拾-JAVA类的执行顺序

    最近在温习java的基础,刷题刷到java的执行顺序,很汗颜,答案回答错了! 题目类似如下: package com.phpdragon.study.base; public class ExecOr ...

  2. Puppet软件资源管理

    1.实现的功能:     管理那些软件包被安装,那些软件包被卸载     管理软件包是否更新     要求系统配置yum源(RedHat系统).zypper源(Suse系统)等等 2.可用参数: en ...

  3. Linux驱动技术(六) _内核中断

    在硬件上,中断源可以通过中断控制器向CPU提交中断,进而引发中断处理程序的执行,不过这种硬件中断体系每一种CPU都不一样,而Linux作为操作系统,需要同时支持这些中断体系,如此一来,Linux中就提 ...

  4. [原]openstack-kilo--issue(十五) WARNING keystonemiddleware.auth_token Authorization failed for token Could not find token

    在创建vm的时候在controller node报错: -- :: INFO neutron.wsgi [req-a815cde4-f49c-4d23-b9c3-030bfc2a75d4 ] /Jan ...

  5. MacOS install configure php-fpm

    php-fpm 是预装在mac os上的,你只需要配置就好了.这个服务监听9000端口. 1. 为配置文件准备一些目录 mkdir -p /usr/share/php/var/run mkdir -p ...

  6. Qt 4.8.6 PCL 1.8.0 VS 2010 联合编译常见错误

    在Qt和PCL联合编译的过程中,会出现各种各样的错误,解决这些错误的过程真是痛苦万分,所以总结一些常见错误方便自己也方便他人.比如我们要编译PCL1.8.0中的apps中的point_cloud_ed ...

  7. linux下内核的配置和编译（2017-1-17）

    4.1 什么是内核 内核是操作系统内核的简称,内核负责实现操作系统的核心功能,包括资源管理模块,譬如内 存管理.调度系统等等.内核不包括应用程序.对于 linux 内核而言全世界是有一份内核,我们可 ...

  8. BP

    下面内容抄袭这里的:galaxy.agh.edu.pl/~vlsi/AI/backp_t_en/backprop.html Principles of training multi-layer neu ...

  9. XmlHelpers

    最近处理数据的时候用到了Xml和其他数据之间的转换,所以整理了一些方法. class XMLHelper { /// <summary> /// 读取xml模板 /// </summ ...

  10. tensoflow模型中提示：ValueError: Variable rnn/basic_rnn_cell/kernel already exists, disallowed. Did you mean to set reuse=True or reuse=tf.AUTO_REUSE in VarScope? 解决办法

    在利用tensorflow框架进行模型训练的时候,有时我们需要多次训练对结果求均值来得到一个均衡的评测结论.比如训练十次求平均值.但是tf的本质就是图,当变量第一次定义使用后,第二次再使用就是提示: ...