上中下三個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;
 width:100%;
 height:100%;
 overflow:hidden;
}
body{
 padding:100px 0;
 padding:/**/0;
 height:100%;
 overflow: hidden;
}
#header{
 position:absolute;
 top:0;
 width:100%;
 height:100px;
 background:#ccc;
 line-height:100px;
 text-align:center;
}
#middle{
 position: absolute!important;
 position: relative;
 top:100px!important;
 top:0;
 bottom:100px;
 width:100%;
 height:auto!important;
 height:100%;
 background:#ffc;
 text-align:center;
 overflow: auto;
}
#footer{
 position:absolute;
 bottom:0;
 width: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多萬,各種當前熱門的網絡手機獎勵紅包全部集成,另外還有熱門電影和淘寶高額優惠券!很適合各類型的用戶。

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM