HTML5中标签frameset不可以使用问题解决

最新推荐文章于 2025-07-11 10:39:29 发布

Ha_Girl

最新推荐文章于 2025-07-11 10:39:29 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： web

本文链接：https://blog.youkuaiyun.com/Ha_Girl/article/details/89790368

web 专栏收录该内容

19 篇文章

订阅专栏

这篇博客介绍了HTML5中由于不支持frameset标签，如何使用iframeset和div来替代实现页面布局。内容包括一个示例，展示了如何通过CSS定位iframe，创建类似frameset的效果，以及left.html、top.html和right.html三个子页面的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5不支持frameset标签,但是可以用iframeset+div进行代替

1.ex4-17.html:

<html>
<head>
<title>网上书店</title>

<style>
body
{
margin: 0;
padding: 0;
border: 5;
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;
}
</style>
</head>
<body>

<div>
<iframe id="frameTop" src="top.html"></iframe>
</div>

<div>
<iframe id="frameContentLeft" src="left.html"></iframe>
<iframe id="frameContentRight" src="right.html"></iframe>
</div>

</body>
</html>