一个标准的，兼容性很好的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 中不再需要 ...

随机推荐

Spring Bean装配学习
解释:所谓装配就是把一个类需要的组件给它设置进去,英文就是wire,wiring:注解Autowire也叫自动装配. 目前Spring提供了三种配置方案: 在XML中进行显式的配置在Java中进行显 ...
宇宙最强spacemacs
这个标题背后的潜台词其实是:逼格是什么炼成的? 此处省略一万字. Emacs就不多说了,神之编辑器,但其快捷键实在是....Evil.好啦,现在来了Spacemacs,结合Vim与Emacs二者的优点 ...
Android Studio 学习笔记(1)
最近从Eclipse转到Android Studio IDE,很多东西需要学习,本文是个记录. 项目结构在Anroid Studio 中,一个Project 包括多个Module,每个Module下 ...
mysql show global variables字符超1024会被截断
show variables 会存在数据被截断的问题: select 全局变量没有问题官网解释:https://dev.mysql.com/doc/refman/5.6/en/variables-t ...
setTimeout()和setInterval()的区别
JS学习 - setTimeout()和setInterval()的区别相同点 setTimeout 和 setInterval的语法相同.他们都有两个参数,一个是将要执行的代码字符串,还有一个是以 ...
重装MAC系统 “安装器有效负载签名检查失败” 解决方法
部分朋友反应安装macOS Sierra的时候会提示:"安装器有效负载签名检查失败" 其实这是系统时间不对的原因,把系统时间修改正确就好了. 1,如果电脑正常运行,那么进系统偏好设 ...
安卓程序代写网上程序代写[原]C语言基础
C 作者:han1202012 发表于2013-11-1 19:53:29 原文链接阅读:28 评论:0 查看评论
python一天一题(2)
python查询mysql数据库 import pymysql host = '192.168.74.5' user = 'root' passwd ='root' port = 3310 db = ...
Python中的高级turtle（海龟）作图（续）
四.填色 color 函数有三个参数.第一个参数指定有多少红色,第二个指定有多少绿色,第三个指定有多少蓝色.比如,要得到车子的亮红色,我们用 color(1,0,0),也就是让海龟用百分之百的红色画笔 ...
(转)live555 RTSP Server RTP over TCP BUG
最近碰到一个非常棘手的问题,NVR通过ONVIF协议接入IPC进行录像,在录像时,会发现其中有个别IPC会出现录像断断续续的情况.这种情况很难复现,但是这种情况一旦出现,整个过程会一直持续很长时间,一 ...

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

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

随机推荐

热门专题