<<  动态创建一个文本框 | 首 页 | 全Flash网站制作剖析  >>
  • 西瓜 发表于22:25:05Tag： | 编辑 | 继续话题 | 转发 | 分享　0

    div仿框架布局 - [css+div]

    2009-05-25

    版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://2yue22.blogbus.com/logs/39945871.html

    <!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>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta name="author" content="Chomo" />
      <link rel="start" href="http://www.14px.com" title="Home" />
      <title>div仿框架布局 - 加上滚动条，一个div仿框架的基础概型已经完成</title>
      <style type="text/css">
       * { margin:0; padding:0; list-style:none;}
       html,body { height:100%; overflow:hidden; background:#fff;}
       div { background:#f60; line-height:1.6;}
       .top { position:absolute; left:10px; top:10px; right:10px; height:50px; overflow:auto;}
       .side { position:absolute; left:10px; top:70px; bottom:70px; width:200px; overflow:auto;}
       .main { position:absolute; left:220px; top:70px; bottom:70px; right:10px; overflow:auto;}
       .bottom { position:absolute; left:10px; bottom:10px; right:10px; height:50px; overflow:auto;}
      </style>
     </head>
     <body>
      <div class="top"></div>
      <div class="side">
       <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 /><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 /><br /><br /><br /><br /><br /><br />
      </div>
      <div class="main">
       <br /><br /><br />加上滚动条，一个div仿框架的基础概型已经完成
       <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 /><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 class="bottom"></div>
     </body>
    </html>


    历史上的今天：

    下拉菜单 2009-05-25

    随机文章：

    烧壶开水 2009-09-24
    驻足 2009-08-04
    VGA线头 2008-09-01
    仰望 2007-11-11

    收藏到：Del.icio.us




    引用地址：