html中关于iframe如何嵌套网页的实例分析
程序员文章站
2022-04-09 19:10:38
...
把iframe嵌套的网页放在某一位置,只需在iframe外加个框,改变框的位置即可,如:
<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> </title> </head> <body> <p class="main"> <iframe src="http://www.bootcss.com/" onload="changeFrameHeight()" id="myiframe" scrolling="yes" frameborder="0"> </iframe> </p> </body>
css如下:
<style type="text/css"> *{ padding: 0; margin: 0;} body{background: green} .main{ width: 80%; height: 500px; margin: 0 auto;} .main iframe{ display: block; width:100%; height: 100%;} </style>
效果如图:
以上就是html中关于iframe如何嵌套网页的实例分析的详细内容,更多请关注其它相关文章!
上一篇: css3 过渡和2d变换—回顾
下一篇: PHP超牛逼无限极分类生成树方法,php
推荐阅读
-
求助,关于iframe中嵌套frameset后鼠标滚轮不起作用的问题_html/css_WEB-ITnose
-
求助,关于iframe中嵌套frameset后鼠标滚轮不起作用的问题_html/css_WEB-ITnose
-
关于Iframe框架如何指定网页位置嵌套的实例代码分享
-
关于Python中如何使用Selenium模拟JQuery滑动解锁的实例分析
-
html中关于iframe如何嵌套网页的实例分析
-
html中如何动态添加表格的实例分析
-
关于Iframe框架如何指定网页位置嵌套的实例代码分享
-
html中关于iframe如何嵌套网页的实例分析
-
关于Python中如何使用Selenium模拟JQuery滑动解锁的实例分析
-
html页面中如何实现保留空格以及换行符的实例分析