html里的两个浮动框架iframe只能显示一个吗
展开全部
可以同时显示多个。我做了一个实验,在父页面中创建了2个iframe页面,分别对他们进行了浮动处理(float)和定位处理(position)。
代码及结果如下:
父页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<iframe src="iframe1.html" id="iframe1"></iframe>
<iframe src="iframe2.html" id="iframe2"></iframe>
</body>
</html>
iframe1:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
我是iframe1的内容
</body>
</html>
iframe2:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
我是iframe2的内容
</body>
</html>
浮动处理的结果:
//对两个iframe设置了左浮动CSS。
iframe{
float: left;
}
定位处理的结果:
//对两个iframe分别设置了绝对定位
#iframe1{
position: absolute;
left: 20px;
top: 20px;
}
#iframe2{
position: absolute;
left: 500px;
top: 20px;
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询