用CSS构建iframe效果_CSS/HTML
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了用CSS构建iframe效果_CSS/HTML,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4738字,纯文字阅读大概需要7分钟。
内容图文
![用CSS构建iframe效果_CSS/HTML](/upload/InfoBanner/zyjiaocheng/416/c4e0b0827fde4cad92d5546b8d22ff9f.jpg)
1,获取iframe效果,就是带一个滚动条,可以省不少版面。
2,要嵌一个页面,实现框架链接。
如果不方便使用iframe,可以有如下解决方案:
第一种需求如果我们使用CSS布局来实现,即可以少一个页面,也可以提高效率。
第二种需求可以采用xmlhttp远程获取。
A. 直接模拟iframe
用层做容器
代码如下:
#content { overflow:auto; height:200px; width:600px; background:#f00;}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
用body做容器
代码如下:
html { overflow:hidden; height:100%; background:#fff; border:0;}
* html { padding:100px 0 0 100px;}
body { overflow:scroll; background:#f00; margin:0; position:absolute; top:100px; left:100px; bottom:0; right:0;}
* html body { height:100%; width:100%;}
* html { padding:100px 0 0 100px;}
body { overflow:scroll; background:#f00; margin:0; position:absolute; top:100px; left:100px; bottom:0; right:0;}
* html body { height:100%; width:100%;}