一个标准的，兼容性很好的div仿框架的基础模型！

<!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仿框架的基础模型！的更多相关文章

一个未知宽高的元素在div中垂直水平居中
<body> <div id="#div1"> <img src="img1.png"></img> </ ...
CSS+JS实现兼容性很好的无限级下拉菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DT ...
JS~Boxy和JS模版实现一个标准的消息提示框
面向对象的封装面向对象一个入最重要的特性就是“封装”,将一些没有必要公开的方法和属性以特定的方式进行组装,使它对外只公开一个接口,外界在调用它时,不需要关注它实现的细节,而只要关注它的方法签名即可, ...
如何创建一个标准的Windows服务
出处:http://www.cnblogs.com/wuhuacong/archive/2009/02/11/1381428.html 如何创建一个标准的Windows服务在很多时候,我们需要一个定 ...
VB6 如何创建一个标准控制台程序
打开 VB6 并新建一个标准EXE程序,把窗口删掉,然后再加入一个模块. 在模块中加入AllocConsole.FreeConsole.SetConsoleTitle.Sleep的API声明: Pub ...
使用MASA Blazor开发一个标准的查询表格页
前言大家好,我是开源项目 MASA Blazor 主要开发者之一,如果你还不了解MASA Blazor,可以访问我们的官网和博客 <初识MASA Blazor> 一探究竟.简单来说, ...
转一个distinct用法，很有帮助
转一个distinct用法,很有帮助 (2011-12-01 15:18:11) 转载▼ 标签: 杂谈分类: mysql复制在使用mysql时,有时需要查询出某个字段不重复的记录,虽然mysql提 ...
【转】C# 串口操作系列(1) -- 入门篇，一个标准的，简陋的串口例子。
C# 串口操作系列(1) -- 入门篇,一个标准的,简陋的串口例子. 标签: c#objectnewlineexceptionbytestring 2010-05-17 01:10 117109人阅读 ...
Maven 使用了一个标准的目录结构和一个默认的构建生命周期。
Maven 使用了一个标准的目录结构和一个默认的构建生命周期. 约定优于配置当创建 Maven 工程时,Maven 会创建默认的工程结构.开发者只需要合理的放置文件,而在 pom.xml 中不再需要 ...

随机推荐

Jquery的回调函数的使用
用$.Callbacks实现观察者模式 // 观察者模式 var observer = { hash: {}, subscribe: function(id, callback) { if (type ...
WPF委托命令DelegateCommand的传参方式
首先引用 Microsoft.Practices.Prism MVVM模式代码如下: XAML代码:  <Button Content="Tes ...
【整理】fiddler不能监听 localhost和 127.0.0.1的问题
localhost/127.0.0.1的请求不会通过任何代理发送,fiddler也就无法截获. 解决方案 1,用 http://localhost. (locahost紧跟一个点号)2,用 http: ...
Pass的通用指令开关
LOD: 设置:单个设置Shader.maximumLOD.全局设置Shader.globalMaximumLOD.QualitySettings里面的Maximum LODLevel 原理:小于指定 ...
Java设计模式（17）解释器模式（Interpreter模式）
Interpreter定义:定义语言的文法,并且建立一个解释器来解释该语言中的句子. Interpreter似乎使用面不是很广,它描述了一个语言解释器是如何构成的,在实际应用中,我们可能很少去构造一个 ...
underscore-1.8.3-analysis.js
// Underscore.js 1.8.3 // http://underscorejs.org // (c) 2009-2015 Jeremy Ashkenas, DocumentCloud an ...
HTML5规范尘埃落定，5个开发工具推荐
HTML5规范终于在今年正式定稿,对于从事多年HTML5开发的人员来说绝对是一个重大新闻.数字天堂董事长,DCloud CEO王安也发表了文章,从开发者和用户两个角度分析了HTML对两个人群的优势.其 ...
[hadoop读书笔记] 第九章构建Hadoop集群
P322 运行datanode和tasktracker的典型机器配置(2010年) 处理器:两个四核2-2.5GHz CPU 内存:16-46GN ECC RAM 磁盘存储器:4*1TB SATA 磁 ...
阐述：SIP协议是什么
sip协议是什么?可能刚刚接触这个协议的朋友会掌握不好它的定义.那么首先我们要了解一下,目前企业中大多数VoIP应用都使用H.323协议,但是,随着越来越多的企业研究SIP协议,不久的将来基于SIP协 ...
Pandas DataFrame 函数应用和映射
apply Numpy 的ufuncs通用函数(元素级数组方法)也可用于操作pandas对象: 另一个常见的操作是,将函数应用到由各列或行所形成的一维数组上.Dataframe的apply方法即可实现 ...

一个标准的，兼容性很好的div仿框架的基础模型！

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

随机推荐

热门专题