用frame实现最基本的上中下三层布局,中间又分左右两部分.

时间：2021-11-25 22:42:33

用frame实现最基本的上中下三层布局,中间又分左右两部分.

用frame的好处在于不用象DIV一样要对浮动和大小进行精确控制,以及要考虑宽屏的时候怎么办.而且在导航的时候非常简单.比如说,左边是导航栏.右边是显示内容的frame.如果用DIV.每点一下导航栏进行一次页面跳转.那每个页面里都要有左边的导航栏.这样代码的复用性不高.如果用frame,只要将导航放在左边frame,在点击链接时,只需要将链接的target指向右边的内容显示frame就OK了.
<frameset rows="80px,*,20px" border="0" frameborder="0" framespacing="0" marginwidth="0" marginheight="0">
<frame name="header" src="header.htm" scrolling="no">
<frameset cols="200px,*" border="0" frameborder="0" framespacing="0">
<frame name="menu" src="menu.html" scrolling="auto">
<frame name="main" src="home.html" scrolling="auto">
</frameset>
<frame name="footer" src="footer.htm" scrolling="no">
</frameset>
<noframes>
<body>
</body>
</noframes>

用frame实现最基本的上中下三层布局,中间又分左右两部分.的更多相关文章

  1. css上下或者上中下 自适应布局

    方法就是头部不变,中间和底部绝对定位 *{ margin: ; padding: ; } div{ text-align: center; font-size: 30px; } .header,.fo ...

  2. 手机APP上中下三层

    代码如下: <template> <div class="container" id="app"> <header> &lt ...

  3. Jquery easy UI 上中下三栏布局 分类： ASP&period;NET 2015-02-06 09&colon;19 368人阅读 评论&lpar;0&rpar; 收藏

    效果图: 源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  4. css布局 - 常规上中下分左右布局的一百种实现方法（更新中&period;&period;&period;）

    一. 上中下左固定 - fixed+margin 概括:如图,此种布局就是顶部.底部和左侧固定不动,只有中间右侧超出可滚动. html: <header>我是头部position: fix ...

  5. HTML——上中下布局

    上中下布局是最主要的布局方式,本比如果用户屏幕分辨率为800*600像素. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3Vuc2h1bWlu/font ...

  6. java面试必备知识点-上中下三篇写的很详细

    参考博客:写的还是相当的经典 http://www.cnblogs.com/absfree/p/5568849.html 上中下三篇写的很详细 http://blog.csdn.net/riverfl ...

  7. &lbrack;&period;ashx檔？泛型处理例程？&rsqb;基础入门&num;2&period;&period;&period;&period;FileUpload上传前，预览图片（两种作法--ashx与JavaScript）

    原文出處  http://www.dotblogs.com.tw/mis2000lab/archive/2013/08/20/ashx_beginner_02_fileupload_picture_p ...

  8. 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C&num;中Trim&lpar;&rpar;、TrimStart&lpar;&rpar;、TrimEnd&lpar;&rpar;的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c&num;中 总结

    史上最全的CSS hack方式一览 2013年09月28日 15:57:08 阅读数:175473 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我 ...

  9. 上中下三个DIV，高度自适应（上高度固定，下固定，中间自适应）（代码来自X人）

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DivDemo.aspx.c ...

随机推荐

  1. ORACLE 连接SQLSERVER 数据库备忘

    最近工作需要,要从SQL SERVER数据库中同步提取数据. 这里采用了  Oracle Gateway 来连接,折腾了半天,终于搞定,记录下已备下次使用. 基本资料网上都可以搜很多,官网配置说明在这 ...

  2. 自动化前端构建工具--gulp

    Gulp是一个基于任务的javascript工程命令行流式构建工具.为什么要用Gulp呢?前端开发进入到工程化阶段,我们需要压缩合并文件,加MD5戳:如果使用 CoffeeScript/ES6 去代替 ...

  3. 第三章 对象&lpar;JavaScript&colon;语言精粹&rpar;

      对象是属性的容器,其中每个属性都有名字和值.   3.0. 概览:对象字面量 | 检索 | 更新 | 引用 | 原型 | 反射 | 枚举 | 删除 | 减少全局变量污染   3.1. 对象字面量 ...

  4. Windows 8&period;1 Preview 开发资源汇总

    Microsoft Build 2013开发者大会已经结束,从Session安排上看主要以Windows 8.1为主.我相信大家有已经或多或少的体验过Windows 8.1 Preview了,关于操作 ...

  5. &lbrack;算法练习&rsqb; UVA-401-Palindromes

    UVA Online Judge 题目401  Palindromes 回文串 问题描述: 回文串(Palindromes)就是正着读和反着读完全一样的字符串,例如"ABCDEDCBA&qu ...

  6. mysql 刘道成视频教程 第4-8课 --- 数据类型

    数据类型大纲图: 注:在mysql中,输入时,除了数值型,不要加单引号,其他的都要加上单引号,养成一种好习惯. 一.数值型: 整数型: 1)从数学上来讨论tinyint 1. 占据空间 2.存储范围 ...

  7. asp&period;net 页面上传文件控件后台代码Request&period;Files获取不到

    今天开发中遇到页面文件上传控件选择了文件,而后台Request.Files.Count取值为0,之前开发中遇到过几次,老是忘掉,今天记下来. html: <input type="fi ...

  8. 使用 MyEclipse远程调试 Java 应用程序

    远程调试,需要本程序和服务器上的程序源码是相同的,这我们服务器使用的是tomcat7.在本地通过MyEclipse 10来调试服务器上的代码,需要本地能访问到服务器,我的服务器是在linux下. 1. ...

  9. python学习之lambda匿名函数

    1 Python支持运行时使用“lambda”建立匿名函数(anonymous functions that are not bound to a name). python "lambda ...

  10. SpringBoot之文件上传

    package org.springboot.controller; import org.apache.logging.log4j.LogManager; import org.apache.log ...

相关文章