如何让iframe填充整个页面100%和顶部:4px

how to get iframe to fill entire page 100% and top:4px?

本文关键字：100% 顶部 4px iframe 填充      更新时间：2023-09-26

我来这里已经有一段时间了，以前只问了一个问题。我设计了很多网站。但我唯一没有完全理解的是"iFrames"。他们把我的脑袋弄得有点乱。

.：我正在努力实现的目标：。

注意：我对iFrames域的起源没有所有权。。。这应该是无关紧要的，因为你只是拿了一页，然后在另一页上显示。他们的外部样式仍然显示他们的页面应该如何。我知道这一点是因为我已经做到了。

1） 我需要知道如何让iFrame在我的网站上显示为一个完整的页面。我知道这里有很多关于iFrame的话题，但1）它们已经过时了。2） 它们不适用于我/我的网站。我什么都试过了，但似乎都是徒劳的。

.：示例：。

当用户转到http://www.example.com/news.php，页面应该加载来自另一个新闻网站的内容。即cnn、wn、cbs。。。

我以前就明白了，所以请不要告诉我所有关于没有内容所有权的瓦砾，否则我就无法实现我的目标。

我不记得我是怎么写的，但我知道没有任何CSS样式。这与非常相似

    <body style="scrolling:no;>
    <iframe src='http://www.example.com' 
    style='position:absolute; top:4px; left:0px; width:100%; height:100%; 
    z-index:999' onload='sendParams();' frameborder='no' scrolling='auto'>
    </iframe>
    </body>

我没有得到的是：无论我使用什么风格来定制iFrame，它似乎都被放在关于size= 867x155的盒子里。我甚至尝试将iFrame本身放在DIV中，并将DIV设置为：W-100% H-100%。

当我尝试CSS方法时，marginheight/width被忽略了。此外，margin="0"的不同体型也是徒劳的；再一次。

看看：http://jsfiddle.net/cgXcR/

HTML：

<iframe src="http://www.cnn.com" height="100%"></iframe>​

CSS：

body, html { width:100% ;
    height:100% ;
    overflow:hidden ;
}
iframe { width:100% ;
        height:100% ;
    border:none ;
}

好吧，我要感谢Cynthia的帮助。

但是，如果有人正在寻找一个简单有效的答案，请查看：

与原始查询类似：完整iFrame

使用CSS的解析 

<blah>
<head>
<style type="text/css">
    body {scrolling:no;
}
    iframe {position:absolute;
    z-index:1;
    top:0px;
    left:0px;
}
</style>
</head>
<body>
    <iframe src="http://www.wn.com" height="100%" width="100%" frameborder="0"></iframe>
</body>

请注意positioning&z-index

*注意：这只能通过MARK-UP写入。你不必使用CSS，但这样做更有意义，因为你不仅试图在yoru网站上正确显示所有内容；通过使用CSS自定义iFrame，您可以为网页中的每个单独的框架打开更多的窗口。如果你和我一样，只使用一个iFrame，那么你应该简单地使用MARK-UP。但是，如果你有不止一个[或者一个帧中有很多]，你应该使用CSS来具体地为每个帧ID*

此外，如果有人想知道如何只使用MARK-UP，只需交换CSS中的内容，并放入<iframe></iframe>中，但使用单引号

The Antarctican

相关文章：