是否可以在iframe中仅显示某个div?

时间:2011-11-27 18:29:23

标签: html css html5

假设我有一个iframe,页面2.htm设置为src。

<iframe src="2.html"></iframe>

所以这显示了2.html。但2.html有一个id为'within'的div。我只想显示'内'的内容。

我该怎么做?

1 个答案:

答案 0 :(得分:16)

这是完成任务的CSS和html代码:

<style>
#outerdiv
{
   width:446px;
   height:246px;
   overflow:hidden;
   position:relative;
}

#inneriframe
{
   position:absolute;
   top:-412px;
   left:-318px;
   width:1280px;
   height:1200px;
}
</style>
<div id="outerdiv">
    <iframe src="2.html" id="inneriframe" scrolling="no"></iframe>
</div>

试试这个:http://jsfiddle.net/57MRn/

这是如何运作的
iframe在outerdiv中向上移动,直到只显示div内部。