<!DOCTYPE html>

<html >

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>div层仿网页框架布局特效代码 - by 阿里西西 js.alixixi.com</title>

  <style type="text/css">

   * { margin:0; padding:0; list-style:none;}

   html { height:100%; overflow:hidden; background:#fff;}

   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;}

   .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;}

   /*---ie6---*/

   html { _padding:70px 10px;}

   .top { _height:50px; _margin-top:-60px; _margin-bottom:10px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;}

   .side { _height:100%; _float:left; _width:200px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;}

   .main { _height:100%; _margin-left:207px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;}

   .bottom { _height:50px; _margin-top:10px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;}

  </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">

    <div style="width: 100%;">阿里西西 网页特效演示中心</div>

   <br /><br /><br />DEMO BY JS.ALIXIXI.COM<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 /><br /><br /><br /><br /><br /><br /><br /><br /><br />

  </div>

  <div class="bottom"></div>

 </body>

</html>

一个标准的，兼容性很好的div仿框架的基础模型！的更多相关文章

  1. 一个未知宽高的元素在div中垂直水平居中

    <body> <div id="#div1"> <img src="img1.png"></img> </ ...

  2. CSS+JS实现兼容性很好的无限级下拉菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DT ...

  3. JS~Boxy和JS模版实现一个标准的消息提示框

    面向对象的封装 面向对象一个入最重要的特性就是“封装”,将一些没有必要公开的方法和属性以特定的方式进行组装,使它对外只公开一个接口,外界在调用它时,不需要关注它实现的细节,而只要关注它的方法签名即可, ...

  4. 如何创建一个标准的Windows服务

    出处:http://www.cnblogs.com/wuhuacong/archive/2009/02/11/1381428.html 如何创建一个标准的Windows服务 在很多时候,我们需要一个定 ...

  5. VB6 如何创建一个标准控制台程序

    打开 VB6 并新建一个标准EXE程序,把窗口删掉,然后再加入一个模块. 在模块中加入AllocConsole.FreeConsole.SetConsoleTitle.Sleep的API声明: Pub ...

  6. 使用MASA Blazor开发一个标准的查询表格页

    前言 大家好,我是开源项目 MASA Blazor 主要开发者之一,如果你还不了解MASA Blazor,可以访问我们的 官网 和博客 <初识MASA Blazor> 一探究竟.简单来说, ...

  7. 转一个distinct用法，很有帮助

    转一个distinct用法,很有帮助 (2011-12-01 15:18:11) 转载▼ 标签: 杂谈 分类: mysql复制 在使用mysql时,有时需要查询出某个字段不重复的记录,虽然mysql提 ...

  8. 【转】C# 串口操作系列(1) -- 入门篇，一个标准的，简陋的串口例子。

    C# 串口操作系列(1) -- 入门篇,一个标准的,简陋的串口例子. 标签: c#objectnewlineexceptionbytestring 2010-05-17 01:10 117109人阅读 ...

  9. Maven 使用了一个标准的目录结构和一个默认的构建生命周期。

    Maven 使用了一个标准的目录结构和一个默认的构建生命周期. 约定优于配置 当创建 Maven 工程时,Maven 会创建默认的工程结构.开发者只需要合理的放置文件,而在 pom.xml 中不再需要 ...

随机推荐

  1. 开源一个爬取redmine数据的测试报告系统

    背景 软件测试的最后有一道比较繁琐的工作,就是编写测试报告.手写测试报告在数据统计和分析上面要耗费比较大的事件和精力.之前工作室使用mantis管理bug缺陷.公司有内部有个系统,可以直接从manti ...

  2. 【微信小程序】tabBar的显示问题

    tabBar不显示 在app.json中配置了4个页面,在tabBar的list中随意写了两个页面,编译后发现不能显示tabBar. { "pages": [ "page ...

  3. [script]判定dd是否成功

    判定方式 #!/bin/bash > result.dd retval=`grep "copied" result.dd | awk '{print $1}'` filesi ...

  4. Redis提供的持久化机制（一）

    Redis提供的持久化机制 redis是一个内存数据库,也就是说它的所有的数据都是保存在内存中的,而内存中的数据当程序结束时就会消失,所以我们要想办法把内存中的数据写到磁盘中.当程序异常退出或者正常退 ...

  5. 谁能当IBM公司的CEO？

    转自:http://www.ruanyifeng.com/blog/2005/09/ibmceo.html  阮一峰 创业文档 IBM公司的前CEO郭士纳在他的<谁说大象不能跳舞?>一书中 ...

  6. 俞军的PM12条

     俞军的PM12条:1.PM首先是用户2.站在用户角度看待问题3.用户体验是一个完整的过程4.追求效果,不做没用的东西5.发现需求,而不是创造需求6.决定不做什么,往往比决定做什么更重要7.用户是很难 ...

  7. FileTable使用总结

    sqlsever2012以后才开始支持FileTable,具体的FileTable的介绍可以参考微软的官网 http://msdn.microsoft.com/zh-cn/library/gg5090 ...

  8. centos7添加bridge-nf-call-ip6tables出现No such file or directory

    在/etc/sysctl.conf中添加: net.bridge.bridge-nf-call-ip6tables = 1 net.bridge.bridge-nf-call-iptables = 1 ...

  9. 《开发专家 Visual C 开发入行真功夫》笔记

    智能感知的功能,输入 is 后,同时按下Alt + →这两个键就出现了供选择变量.方法.宏等的列表,继续输入 in 后,isInit就出来了. stdafx.h预编译头文件,.h应用程序主头文件,do ...

  10. Javascript Notes

    Get started with Programming Javascript中的保留字,但是大部分却没在这个语言中使用.undefined,NaN,Infinity也应该算保留字. abstract ...