<!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"> /*开始 初始CSS模板 开始*/body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; } html, body { height: 100%; overflow:hidden; } ol, ul, li { list-style: none; } img { border: 0; } body { color: #000; background: #FFF; text-align: left; font: 12px/1.5 Arial, Helvetica, sans-serif; } .clear { clear: both; height: 1px; margin-top: -1px; width: 100%; } /*结束 初始CSS模板 结束*/ #head { /*margin:2px auto;*/ margin: 0px; height: 25px; width: 100%; background: #B0CFFA; border-bottom: solid 1px #B0CFFA; vertical-align :bottom; position:absolute; top:0px; } #head p { margin-left: 10px; color: #FFFFFF; } #content { width: 100%; height: auto; position:absolute; overflow:auto; top:26px; bottom:20px; } #content .left { float: left; width: 200px; height: 100%; vertical-align: top; border-right:solid 1px #B0CFFA; } #content .right { overflow: auto; background: silver; height: 100%; } #fotter { background: #0099CC; height: 20px; width: 100%; border-top: solid 1px blue; position:absolute; bottom:0px; } </style> </head> <body> <form id="form1" runat="server"> <div id="head"> <p> 欢迎观临最为纯粹简单的后台管理系统平台</p> </div> <div id="content"> <div class="left"> <a href="Default.aspx" target="mainFram">测试链接</a><br /> <a href="http://www.cnblogs.com" target="mainFram">博客园</a><br /> <a href="http://www.CSDN.net" target="mainFram">CSDN</a> </div> <div class="right"> <iframe name="mainFram" frameborder="0" scrolling="auto" height="100%" width="100%"> </iframe> </div> </div> <div id="fotter"> <p> 今天是星期四，2014年7月10日</p> </div> </form> </body> </html>