网页内嵌框架,怎么改坐标位置?div style

发布网友 发布时间：2022-05-24 09:56

我来回答

共2个回答

热心网友 时间：2023-10-10 05:16

首先，纠正一下楼主的一些小错误。
1.div和iframe都需要封口，也就是标签的闭合，比如<div>..</div>和<iframe>...</iframe>
2.定位的方法不对，都才用绝对定位即可。
3.一个页面中不能存在两个相同id的div，你那里面是两个layer1。

最后改完的页面代码如下：

<div style="border:1px dotted #008080;position:absolute;width:201px;height:221px;z-index:1;left:1px;top:1px" id="layer1">
<iframe name="I1" src="http://weather.news.qq.com/inc/ss103.htm" width="210" height="225" frameborder="1"></iframe>
</div>
<div style="border:1px dotted #008080; position:absolute; top:0px; z-index:1; left:218px; top:1px" id="layer2">
<iframe name="I2" src="http://www.lzsq.net/wnl.htm" width="210" height="225" frameborder="1">
</iframe>
</div>

如果楼主想补习一下关于定位的知识可以看下面的文章：

CSS定位属性position的应用
http://dreamweaver.abang.com/od/divcss/a/css-position.htm

热心网友 时间：2023-10-10 05:17

<div style="border:1px dotted #008080;position:absolute;z-index:2;left:220px;top:1px;" id="layer2">
<iframe name="I1" src="http://weather.news.qq.com/inc/ss103.htm" width="210" height="225" border="0" frameborder="1" />
</div>
<div style="border:3px dotted #008080;position:absolute;width:201px;height:221px;z-index:1;left:1px;top:1px" id="layer1">
<iframe name="I2" src="http://www.lzsq.net/wnl.htm" width="210" height="225" border="0" frameborder="1" />
</div>