<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Chomo" />
<link rel="start" href="http://www.14px.com" title="Home" />
<title>div仿框架布局</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none;}
html,body { height:100%; overflow:hidden; background:#fff;}
div { background:#0CF; 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;}
.main { position:absolute; left:220px; top:70px; bottom:70px; right:10px;}
.bottom { position:absolute; left:10px; bottom:10px; right:10px; height:50px;}
</style>
</head>
<body>
<div class="top"></div>
<div class="side">
<li>
<ul>菜单1</ul>
<ul>菜单2</ul>
</li>
</div>
<div class="main">这是个div 框架源代码</div>
<div class="bottom"></div>
</body>
</html>
分享到：
相关推荐
【标题】：“仿QQ空间采用Div+CSS布局”这一主题主要涵盖了网页设计中的两种核心技术：Div和CSS。Div是HTML中的一个容器元素，用于组织页面结构，而CSS（层叠样式表）则负责控制页面的视觉表现，如颜色、字体、布局...
【标题】"以前为公司做的网站（Div+Css,C#+Sql2000)"涉及到的主要技术包括网页布局、样式设计、后端编程以及数据库管理。这些技术是构建一个功能完整、用户友好的企业级网站的核心要素。 【Div+Css】是网页设计中的...
新闻系统是一种常见的Web应用程序，主要用于发布、管理和更新各种类型的新闻信息。...通过Ajax提升了交互性，.NET 2005和SQL 2000提供了稳定的基础架构，而分层结构和div+css布局则保证了代码的可维护性和用户体验。
开发者可以根据项目需求扩展`splitter.js`，例如添加动画效果、键盘导航支持，或是与其他前端框架（如React、Vue、Angular）集成。也可以结合存储服务保存用户的布局偏好，以便在下次访问时恢复。 总结来说，`...
3. **Web页面布局**：通过观察和分析27个不同的后台管理页面设计，可以学习到如何利用`DIV`元素和CSS实现响应式布局、栅格系统以及各种网页组件的布局策略。 4. **CSS样式设计**：学习如何使用CSS3来创建丰富的动画...
这个实例开发源码是基于ASP技术的顺君网址导航系统，它使用了DIV（Document Division）作为布局工具，提供了灵活且可扩展的网页结构。 在ASP中，开发者可以使用VBScript或JScript等脚本语言编写代码，这些代码在...
品牌包包定制类网站响应式手机端模板（利于SEO...SEO框架布局，可设置栏目及文章页的标题、关键词和描述 附带测试数据、安装教程、入门教程、安全及备份教程 后台直接修改联系方式、传真、邮箱、地址等，修改更加方便
《图书在线管理系统Web开发ASP.NET技术》是一款基于Asp.NET技术构建的在线图书管理系统，它巧妙地结合了JavaScript和div+css布局，旨在提供高效、便捷的图书管理和借阅服务。下面将详细介绍这个系统的核心技术和功能...
自适应，同一个后台，数据即时...3：SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。 4：附带测试数据、安装教程、入门教程、安全及备份教程。 5：后台直接修改联系方式、传真、邮箱、地址等，修改更加方便
3、SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。 4、附带测试数据、安装教程、入门教程、安全及备份教程。 5、后台直接修改联系方式、传真、邮箱、地址等，修改更加方便。 [配置需求] 语言程序:...
手机软件APP下载类网站...3：SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。 4：附带测试数据、安装教程、入门教程、安全及备份教程。 5：后台直接修改联系方式、传真、邮箱、地址等，修改更加方便。
平台的前端页面使用 jQuery 框架和 CSS+DIV 布局方式进行设计。页面主要包括登陆页面、文件管理页面、用户管理页面等。登陆页面允许用户输入用户名和密码登陆平台。文件管理页面允许用户查看、上传、下载文件。用户...
PbootCMS内核开发的网站模板，该...3：SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。4：附带测试数据、安装教程、入门教程、安全及备份教程。5：后台直接修改联系方式、传真、邮箱、地址等，修改更加方便。
在“韩顺平div+css笔记”中，重点可能是关于盒模型、布局方式（如流式布局、网格布局、定位布局）、响应式设计、CSS选择器、层叠规则、动画与过渡等内容。Div是CSS布局中的一个重要概念，通常用来组织页面结构，而...
2、采用SEO框架布局，每个栏目和文章页都可以自定义标题、关键词和描述，以优化搜索引擎排名。 3、附带测试数据、安装教程、入门教程、安全及备份教程，方便用户快速上手。 4、后台支持直接修改联系方式、传真、邮箱...
SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。 附带测试数据、安装教程、入门教程、安全及备份教程，后台直接修改联系方式、传真、邮箱、地址等，修改更加方便。 配置需求 语言程序：PHP + SQLite，...
3、SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。 4、附带测试数据、安装教程、入门教程、安全及备份教程。 5、后台直接修改联系方式、传真、邮箱、地址等，修改更加方便。 配置需求 语言程序：...
3、SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。 4、附带测试数据、安装教程、入门教程、安全及备份教程。 5、后台直接修改联系方式、传真、邮箱、地址等，修改更加方便。 配置需求 语言程序：...
SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。 附带测试数据、安装教程、入门教程、安全及备份教程，后台直接修改联系方式、传真、邮箱、地址等，修改更加方便。 配置需求 语言程序：PHP + SQLite，...
3、SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。4、附带测试数据、安装教程、入门教程、安全及备份教程。5、后台直接修改联系方式、传真、邮箱、地址等，修改更加方便。 配置需求：语言程序：...