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;

}

--%>

--%>

--%>

--%>

--%>

--%>

--%>

页面效果图

参考