html div代替frameset,frameset过时,以及用div+iframe的代替frameset实现
今天在学习 java web项目时,书中示例使用了
标签,编译器添加删除线标识该标签过时,最初考虑不影响使用,就没有关心,运行工程后发现网页没有输出,于是查询相关资料,学习记录。
过时的frameset
使用frameset页面空白问题
这是因为我将
标签放到了 标签中实现,而 和 不能一起使用。
在 HTML 5 中不支持
标签。
使用
可能会带来session丢失等问题
rows="100,*" border="false" scrolling="yes">
src="header.jsp" noresize>
"0" scrolling="yes">
src="index.jsp" noresize>
>
div+iframe替代frameset实现
网上书店
body
{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#frameTop
{
position: absolute;
top: 0;
left: 0;
height: 100px;
width: 100%;
overflow: hidden;
vertical-align: middle;
}
#frameContentLeft
{
position: fixed;
top: 100px;
left: 0;
height: 100%;
width: 150px;
overflow: hidden;
vertical-align: top;
background-color: #D2E6FA;
}
#frameContentRight
{
position: absolute;
left: 150px;
top: 100px;
height: 100%;
width: 100%;
right: 0;
bottom: 0;
overflow: hidden;
background: #fff;
}
--%>
--%>
--%>
--%>
--%>
--%>
--%>
页面效果图
参考
html div代替frameset,frameset过时,以及用div+iframe的代替frameset实现相关推荐
- html 内部浮动外部不,DIV设置浮动后无法撑开外部DIV的解决办法
当DIV1里面嵌套有一个DIV2,当DIV2设置了浮动,那么DIV1是无法被撑开的,也就是说DIV2在这里相当于浮在了页面上方,跟DIV1不在同一个层面,导致了DIV2无法把DIV1给撑开,这是一个老 ...
- div上下展开收缩 html,js实现div层缓慢收缩与展开的方法
本文实例讲述了js实现div层缓慢收缩与展开的方法.分享给大家供大家参考.具体分析如下: 这是一个层伸缩与展开的特效代码,带有点动画效果,缓慢展开,DIV+JS联合打造,看上去还不错.不受内容约束,收 ...
- css 容器内 div 底部,CSS:在div容器的底部放置一個div容器
My intention is to place a div-container inside a div-container, but it isn't working atm. My div-co ...
- css div下第一个span,CSS之div和span标签
div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒 ...
- HTML学习笔记:让div在屏幕居中,图片在div里居中
目录 一.效果演示 二.实现方法 方法一:利用CSS实现 方法二:利用JavaScript实现 方法三:利用JavaScript实现 方法四:利用jQuery实现 一.效果演示 二.实现方法 方法一: ...
- html中怎么让div撑开,html中子div用了浮动怎样让父div的大小自动撑开(清除浮动)...
浮动子div撑开父div的几种方法: (1)在父div中在添加一个清除浮动的子div (2)在父div的css样式中设置overflow:hidden;zoom:1; (3)设置父div也为浮动元素f ...
- html文字往右边偏移怎么做,div向右偏移设置 css让div靠右移必定距离
转自:https://www.thinkcss.com/shili/1372.shtmlcss div对象盒子向右偏移设置,使用css让div靠右必定距离-div向右移教程实例篇html div向右偏 ...
- 实现一个行内三个div等分_一个div,包含三个小的div,平均分布的样式
从11月份开始,自学前端开发,写静态页面中,经常用到一个大的div下包含三个小的div,平均分布div大小样式,写过多次,也多次忘记,每次都要现找资料,不想之后,在这么麻烦,索性今天自己记录一下,方便 ...
- vue中,获取一个div的高赋值给另一个div (自适应)
vue中,获取一个div的高赋值给另一个div (自适应) 问题描述: 左侧是video 为了让video不出现黑边 video是16:9的(怎么写成16:9的盒子 下次说), 左侧的高度会随着页面宽 ...
- css4两个div并排,css怎么设置4个div并排显示
css设置4个div并排的方法:1.使用float属性让4个div浮动起来即可.2.使用"display:inline;"或"display: inline-block; ...
最新文章
- 如何知道我的电脑是多少位 ?
- STM 软件事务内存——本质是为提高并发,通过事务来管理内存的读写访问以避免锁的使用...
- 设计模式:命令模式(Command Pattern)
- MagicDraw UML 16.8 安装教程
- 【OpenCV3】cv::divide()使用详解
- 三层架构项目如何发布_以k8s集群管理为例,大牛教你如何设计优秀项目架构
- CSS- 横向和纵向时间轴
- 中国计量大学调剂计算机技术,2020年中国计量大学硕士研究生招生调剂公告
- leetcode944. 删列造序
- ticket进行urlencode是什么意思_request请求中进行url转码,结果意想不到,python爬虫(2)...
- go trace 剖析 go1.14 异步抢占式调度
- 秒速五厘米男主php,秒速五厘米最后男主从事的是什么工作?
- CentOS利用LVM实现磁盘弹性扩容
- 计算器与计算机小键盘的使用,会计神器!用上Cherry轴的计算器还能当小键盘用...
- 计算机系统 基础知识点汇总,超全!!!
- winpe安装windows2003,硬盘winpe安装windows2003,无光驱硬盘安装windows2003
- 【渝粤教育】广东开放大学 企业财务报表分析 形成性考核 (26)
- 风投Placeholder的区块链价值观,了解一下
- 【SQL】SQL语句积累
- GDAL创建带有空间参考坐标系的shp矢量文件遇到的问题与解决方法
热门文章
- mysql语句创建临时表并存入数据_mysql创建临时表,将查询结果插入已有表中 | 学步园...
- nginx带参301,nginx重定向携带路由,nginx截取请求url作为重定向路由
- 前端模块化的十年征程
- mysql建立复合索引的一些原则
- PS练习|PS如何预览国王排名线稿
- python输入_Python输入
- ubuntu20.04 LTS 手把手安装教程
- 计算机信息学院开学演讲稿,大学开学演讲稿范文(精选16篇)
- python字典遍历:菜名和价格的展示
- 企业邮箱普通附件上传失败