一个标准的，兼容性很好的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显示文字时发现一个问题,字符串中的第一个下划线“_”不能显示.如果该下划线前面是一个英文字母,则下划线会跑到该字母下方.(是中文汉字则不会) 查到原因是第一个下划线“_” ...
jython 2.7.1 版本开发历史
很多技术一直感兴趣,在工作中没有太多实践的机会,但可以持续关注.Jython最初是Python on JVM,所以最初的名称是JPython,后续由于基于JVM可以有更多可能性,名字改为Jython. ...
Android Bitmap 缩放旋转水印裁剪操作
在android当中,Bitmap代表一个图片,里面封装了图片相关的信息. 一.将图片进行缩放操作 1.获得Bitmap对象 Bitmap bitmap = BitmapFactory.decodeR ...
layui栅格布局问题
在使用layer.open弹出到窗口中,使用布局一直不起作用. 开始到写法如下, 目的是一行分成左右两块,比例为8:4等分. <div class="layui-fluid" ...
【转】Graphics 关于呈现质量与合成模式
GDI+相关的作图,每种语言都有其自身的封装类,但本质上是一样的,下面这篇文章写的非常好,对于C#的Graphics类也是使用的,所以转载了,原文在这里: http://www.cnblogs.com ...
Gojs简单例子
前台代码: <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> ...
PCL点云配准（2）
(1)正态分布变换进行配准(normal Distributions Transform) 介绍关于如何使用正态分布算法来确定两个大型点云之间的刚体变换,正态分布变换算法是一个配准算法,它应用于三维点 ...
javascript弹层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
在ASP.NET CORE下生成PDF文档
原文链接:https://www.c-sharpcorner.com/article/creating-pdf-in-asp-net-core-mvc-using-rotativa-aspnetcor ...
【转】如果有人让你推荐Python技术书，请让他看这个列表
入门级 <Head First Python>+ 入门级 + 微信49票 + 豆瓣评分 9.5 推荐语: 66:浅显易懂,编排的顺序特别,有大量插图.对话,不感觉枯燥古心:通熟易懂,配有 ...

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

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

随机推荐

热门专题