Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 是否可以在iframe中仅显示某个div?_Css_Html - Fatal编程技术网

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

Css 是否可以在iframe中仅显示某个div?,css,html,Css,Html,假设我有一个iframe,页面2.htm设置为src <iframe src="2.html"></iframe> 这显示了2.html。但是2.html有一个id为“within”的div。我只想显示“内”的内容 我该怎么做?这是完成任务的CSS和html代码: <style> #outerdiv { width:446px; height:246px; overflow:hidden; position:relative; }

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

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

这显示了2.html。但是2.html有一个id为“within”的div。我只想显示“内”的内容


我该怎么做?

这是完成任务的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>

#外层
{
宽度:446px;
高度:246px;
溢出:隐藏;
位置:相对位置;
}
#内框架
{
位置:绝对位置;
顶部:-412px;
左:-318px;
宽度:1280px;
高度:1200px;
}
试试这个:

这是如何工作的

iframe在outerdiv中向上移动,直到只显示Inside div。

您是否拥有2.html的编辑权限,并且可以添加一些javascript,或者它是一个无法更改任何内容的外国网站?