在开发程序时，会经常用到框架，比如说常见的考试管理系统就涉及了浮动框架。今天给大家展示一个简单的例子如何运用浮动框架（独立功能的页面）重新组成一个完整的页面（A页面），在浏览器显示。要实现如下的效果：

把要实现的页面分为两大部分，一部分是左侧主要是系统管理选项（B页面），另一部分是右侧的查询结果显示（C页面），最后再用用浮动框架把他们嵌入到最后显示页面，便于表达我们就叫它A页面。A页面代码如下：

上图标红框的位置是框架嵌入的页面，它们分别是A页面左侧（B页面）和A页面的右侧（C页面）。B页面和C页面代码如下：

B页面代码

C页面部分代码

技术要点

浮动框架常见属性

浮动框架iframe是一种特殊的框架页面，可以在浏览器窗口嵌套子窗口，在其中显示子页面的内容。语法格式是：

文件时其他框架文件的文件名或者链接，name是框架的名字，align是指对齐方式（left、right、center、justify），scrolling是框架的滚动条显示有三个值（yes、no、auto），frameborder是浮动框架的边框属性。

静态网站使用框架注意事项

1、在seo中应用了大量的框架结构，会导致搜索引擎的“蜘蛛”程序无法抓取页面，不利于网站seo，所以不建议大规模在静态网页上应用框架结构。

2、要处理好框架页面出现的滚动条，滚动条太多会影响用户体验，最后得不偿失。

3、框架不适合复杂效果页面布局（比如说专题页），静态网站还是建议使用div+css布局页面。

关于“关于HTML中浮动框架的应用”先聊到这。图中是源码一部分，源码私信。每天学习一个知识点，每日寄语”你所有的努力，都有迹可循。”如转载清标明出处，