html里的两个浮动框架iframe只能显示一个吗

 我来答
张恺阳
2017-04-10 · 知道合伙人软件行家
张恺阳
知道合伙人软件行家
采纳数:166 获赞数:532
开发过各种类型网站及APP等,如有相关问题可以随时向我提问。

向TA提问 私信TA
展开全部

可以同时显示多个。我做了一个实验,在父页面中创建了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;
}

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式