html现代iframe框架代码(推荐)

作者 : 阿里搜罗本文共629个字，预计阅读时间需要2分钟发布时间： 2025-07-22 共47人阅读

<!DOCTYPE html>
<html>
<head>
<title>iframe网页嵌入示例</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
display: flex;
height: 100vh;
}
.sidebar {
width: 25%;
background: #f0f0f0;
padding: 20px;
}
.content {
width: 75%;
}
iframe {
width: 100%;
height: 100%;
border: none;
}
</style>
</head>
<body>
<div class=”container”>
<div class=”sidebar”>
<h2>导航菜单</h2>
<ul>
<li><a href=”page1.html” target=”contentFrame”>页面1</a></li>
<li><a href=”page2.html” target=”contentFrame”>页面2</a></li>
<li><a href=”page3.html” target=”contentFrame”>页面3</a></li>
</ul>
</div>
<div class=”content”>
<iframe name=”contentFrame” src=”welcome.html”></iframe>
</div>
</div>
</body>
</html>

【风险提示】写在付款前： 1. 全站资源终身VIP都可以免费下载。 2. 本站资源都经过站长测试,都能用 3.源码可能存在BUG在所难免,请悉知！ 4. 本站使用在线支付，付款完毕后，积分自动到账。 5. 充值比例：1：1。很多资源都很便宜。 6. 所有源码默认是没有安装教程的，如果里面有那也是随机的。 7. 所有源码不提供免费安装，如需我们代安装请联系客服详谈。 8.所有资源均来自互联网,收取赞助仅仅为了维持服务器。
阿里搜罗 » html现代iframe框架代码(推荐)

阿里搜罗 VIP

分享到：

阿里搜罗 VIP

相关推荐

提供最优质的资源集合