摘要:
下文讲述html中使用iframe嵌入外部网站的方法分享,如下所示:
在网站的开发中,我们常需要在自身的网页中嵌入其它网址,那么该如何使用html代码嵌入其它网址呢?
实现思路:
1.建立一个div元素container,用于iframe显示的定位
1.建立一个div元素position,用于iframe中的子内容显示的定位
2.将iframe标签设置合理的width和height
3.设置position不同的 负外边距,使div中显示的iframe发生相应的变化
例:
position控制Iframe的应用举例
猫猫教程(www.maomao365.com)--使用iframe嵌入外部网站的方法分享#container{
width:260px;
height:300px;
overflow:hidden;
border:0px;
margin:150px;
}
#position{
width:800px;
height:800px;
/*
*用于控制maomao365.com的显示位置
*/
margin:-610px 0px 0px -10px;
}