一个标准的,兼容性很好的div仿框架的基础模型!
2014-01-21 13:15
232 查看
<!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>
相关文章推荐
- 一个很好的页面框架模型
- 一个CSS+div高度自适应布局模型
- 标准的一个windows程序框架
- 如何检测Web网站使用的是什么JS框架--一个很好用的工具
- Yii框架官方教程增补篇4——基础知识:模型-视图-控制器 (MVC)
- 【Android游戏开发之四】基础的Android 游戏框架(一个游戏角色在屏幕行走的demo)
- 一个简单的、面向对象的javascript基础框架
- 标准的一个windows程序框架
- 基础框架平台——系统原形描述——业务模型
- 一个很好的DIV层显示控件
- BootStrap的一个标准框架的内容解释——来源于bootstrap官网
- 一个很棒的caffe框架系列的基础学习博客(网址)
- Django框架---model模型基础
- 一个标准的xhtml网页框架
- 根据JAVA的CS模型框架做了一个简易的分布式文件系统
- XMPP框架 微信项目开发之网络通信基础——OSI_TCP/IP 参考模型的理解
- 【Android游戏开发之四】基础的Android 游戏框架(一个游戏角色在屏幕行走的demo)
- 一个大概的框架 - 音频开发基础知识
- 一个很好用的WinForm数据验证框架(自己开发)
- Spring jdbc很好的一个框架