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

随机推荐

【WPF】在MenuItem中下划线“_”显示不正常
MenuItem的Header显示文字时发现一个问题,字符串中的第一个下划线“_”不能显示.如果该下划线前面是一个英文字母,则下划线会跑到该字母下方.(是中文汉字则不会) 查到原因是第一个下划线“_” ...
Postgres快速创建大量测试数据
DROP TABLE IF EXISTS color; CREATE TABLE color( cname ), remark ) ); ),) ,); 插入10000000数据之后,用时51秒对于 ...
JDK观察者模式和事件机制比较<转>
原文:(六)观察者模式详解(包含观察者模式JDK的漏洞以及事件驱动模型) 作者:zuoxiaolong8810(左潇龙),转载请注明出处. 本章我们讨论一个除前面的单例以及代理模式之外,一个WEB项目 ...
JDK自带观察者的使用
被观察者 package observerForJDK; import java.util.Observable; /** * 新闻派发器,当有新的新闻时派发给所有的订阅读者(观察者) */ publ ...
backlight 子系统(转载)
http://blog.csdn.net/weiqing1981127/article/details/8511676 Linux下的Backlight子系统(一) http://blog.csd ...
redis+nginx+tomcat故障大全
tomcat+nginx+redis中 redis死掉了???确实是防火墙问题centos7用的firewalldfirewalld默认已经安装并启用了,如果需要nginx可以访问需要执行以下命令:# ...
docker:Error running DeviceCreate (createSnapDevice) dm_task_run failed
1) service docker stop 2) thin_check /home/docker/devicemapper/devicemapper/metadata 3) thin_check - ...
openvpn之client配置篇
对于client端,其配置目录文件下有如下文件: [root@localhost client1]# ll total -rw-r--r-- nobody nobody Sep ca.crt -rw- ...
请教 JTable 里的单元格如何使得双击进入单元格后，单元格的内容处于全选中状态
http://bbs.csdn.net/topics/390195204 ———————————————————————————————————————— java 达人, 最近在开发一个 java ...
Python 字典的操作
#-*- coding:utf-8 -*- people = {"name":"jack","age":18,"addr" ...

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

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

随机推荐

热门专题