zoukankan      html  css  js  c++  java
  • 上中下三个DIV,高度自适应(上高度固定,下固定,中间自适应)(代码来自X人)

    本人开发的开发者技术变现资源聚集地,大家支持下,下面是网址

    https://www.baiydu.com

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DivDemo.aspx.cs" Inherits="EkaduoBackstageLeadingToEnd.DivDemo" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>

    <style type="text/css">
    *{
     margin:0;
     padding:0;
    }
    html{
     padding:0 !important;
     padding:100px 0;
     100%;
     height:100%;
     overflow:hidden;
    }
    body{
     padding:100px 0;
     padding:/**/0;
     height:100%;
     overflow: hidden;
    }
    #header{
     position:absolute;
     top:0;
     100%;
     height:100px;
     background:#ccc;
     line-height:100px;
     text-align:center;
    }
    #middle{
     position: absolute!important;
     position: relative;
     top:100px!important;
     top:0;
     bottom:100px;
     100%;
     height:auto!important;
     height:100%;
     background:#ffc;
     text-align:center;
     overflow: auto;
    }
    #footer{
     position:absolute;
     bottom:0;
     100%;
     height:100px;
     background:#ccc;
     line-height:100px;
     text-align:center;
    }
    </style>


     
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="header">页首</div>
    <div id="middle">
    页中<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 />
    页中<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 />
    页中<br />
    </div>
    <div id="footer">页脚</div>


        </form>
    </body>
    </html>

     本人创业做的一款androidApp, 下载量已经有2000多万,各种当前热门的网络手机奖励红包全部集成,另外还有热门电影和淘宝高额优惠券!很适合各类型的用户。

      

  • 相关阅读:
    梦想总是要有的,万一实现了呢?(转)
    registered the JBDC driver [oracle.jdbc.OracleDriver] but failed to unregister it when the web application was stopped. (转)
    Memory Leak(内存泄漏)问题总结(转)
    单元测试(UT)、功能测试(FT)(转)
    算法——动态规划篇——最长公共子序列
    设计模式总结
    C/C++基本数据类型所占字节数
    extjs tree check 级联选择
    骨骼动画具体解释
    java设计模式演示样例
  • 原文地址:https://www.cnblogs.com/xiaoliao/p/3321193.html
Copyright © 2011-2022 走看看