为什么我的iframe内容周围有空白区域？
您好！感谢您的提问。根据您的问题，我了解到您在使用iframe时，iframe内容周围出现了空白区域。这可能是由于以下原因导致的：
- 样式问题：请检查您的CSS样式，确保没有设置任何额外的边距、填充或外边距，这可能导致iframe周围出现空白区域。
- iframe属性问题：请检查您的iframe标签中的属性，确保没有设置任何额外的边距、填充或外边距。例如，您可以尝试将
marginwidth和marginheight属性设置为0，以消除边距和填充。 - 浏览器兼容性问题：不同的浏览器可能会对iframe的渲染方式有所不同，请尝试在不同的浏览器中查看您的页面，以确定是否存在浏览器兼容性问题。
如果以上方法都无法解决您的问题，请提供更多关于您的代码和页面布局的详细信息，以便我们能够更好地帮助您。
相关·内容
3回答
当您在此网站上缩小屏幕时，网站的底部和右侧将出现一个白色区域。我不知道为什么。我已经在我的CSS中添加了这一行：
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
text-decoration: none;
}
有人能看一下吗？
浏览 1提问于2015-06-25得票数 1
我一直在尝试弄清楚为什么我不能用代码嵌入这个特定的网站：
<iframe src="https://time.my-masjid.com/timingscreen/7695401e-d724-4adb-a188-ed33c2ce886e"></iframe>
当我这样做的时候，iframe呈现为一个白框。
浏览 26提问于2019-11-07得票数 1
回答已采纳
1回答
我正在研究一个主题，通过将android:listSelector设置为我编写的选择器，从而为应用程序的android:listSelector设置样式：
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/listitem_pressed" />
<item android:drawabl
浏览 2提问于2014-02-25得票数 0
回答已采纳
阿罗哈，
目前我的pligg模板有以下Iframe代码：
<iframe height="0px;" width="0px;" frameborder="0" name="story_status"></iframe>
它在firefox上工作得很好，但是在chrome上，它显示为白框。
在检查之后，
<iframe height="0px;" width="0px;" frameborder="0" name="story_status"
浏览 0提问于2010-06-21得票数 0
我对Adobe Fireworks有问题。我正在通过多边形切片/热点工具绘制一些内容，这条白线显示为交叉图像。有什么解决方案吗，怎么修改/删除？
浏览 2提问于2013-05-07得票数 1
回答已采纳
2回答
我正在尝试构建一个简单的HTML测试，其中iframe遮盖了主HTML中的元素，因此它将不可见。我将iframe配置为100%的高度和宽度，但是主HTML似乎仍然在页面中查看它的元素。
这是主要的HTML：
<HTML>
<HEAD>
<style>
html, body, iframe {
margin:0; /* remove any margins of the IFrame and the body tag */
padding:0;
height:100%; /* set height 100% so that it fills the entir
浏览 1提问于2015-09-06得票数 0
我在使用FancyBox时遇到了以下问题：
我尝试使用以下代码在iFrame中打开一个网站
<a class="various" data-fancybox-type="iframe" href="http://www.golem.de">Iframe</a>
这很好用，但如果我想使用图像而不是"Iframe“文本，它只需打开一个白框：
<a class="various" data-fancybox-type="iframe" href="http://www.gol
浏览 1提问于2012-06-04得票数 0
4回答
我在HTML页面中有一个巨大的内容，我想把同样的内容放在iframe中。但是将内容放在页面中的iframe标记中，页面显示该部分为空白。请建议我们如何将iframe中的内容放在相同的HTML中。如果应用相同的页面内容，应该放在src中的内容。
<iframe src="">
//Content
</iframe>
谢谢。
浏览 2提问于2014-03-31得票数 0
回答已采纳
1回答
我使用的是Cloudflare的服务DNS。我想在另一个域的iframe我的网站。当我使用代码时
<iframe src="https://tcwebvn.com">
<p>Your browser does not support iframes.</p>
</iframe>
我得到一个错误的白页。帮我找问题！
浏览 1提问于2016-05-22得票数 0
1回答
当使用9补丁作为背景时，我遇到了一个问题。我添加了一张图片来澄清它。
图片：
这是9补丁：
为什么那条白线在那儿？
浏览 4提问于2012-11-07得票数 0
我已经创建了一个iframe代码，我希望人们在他们的网站上使用作为一个小工具。此iframe将加载一个网页，其中有一个按钮和一个计数器。在访问的页面中，我有一张图片。
但是iframe是在浏览器中呈现的，周围有一个白色的空白区域。为什么会发生这种情况？这是我的代码：
在客户端：
<script type="text/javascript">
window.onload = function() {
document.all.myframe.src = "blogup.aspx?url=" + window.location.h
浏览 0提问于2009-01-05得票数 3
回答已采纳
我正在创建一个网站，但到目前为止，我的网站设计中有空白，这是不需要的，因为我不想在每个块之间有任何空白(例如，我不想在导航栏//黑色矩形周围有任何空白)。我使用主页的HTML表格来创建我的网站，到目前为止，每个单元格之间都有一些白色的间隙。我想摆脱它，但我不确定如何摆脱它。我不确定是否必须添加一个CSS，但我在总体上仍然是一个非常新的html和编码。
下面是我的代码
<table style="width:100%"; cellpadding="0"; cellpacing="0">
<tr>
浏览 0提问于2016-05-08得票数 0
我试图使用在应用程序脚本页面中加载一个嵌入的Google，而且我的运气好坏参半。
这是我的带有“iFrame”部分的HTML代码。这段代码中的抄写器只需抓取用户的电子邮件，将“@”符号替换为“%”，从而可以用来加载日历，然后生成嵌入的链接并将其发布到页面：
<?var self = Session.getActiveUser().getEmail();
var self = self.replace(/@/gi, "%");
var url = "https://www.google.com/calendar/embed?src=" + sel
浏览 4提问于2015-05-28得票数 1
回答已采纳
2回答
我是web dev的新手，我想了解更多关于页面顶部空白的内容。
下面是我的代码片段：
HTML：
<div>
<p>lorem ipsum</P>
</div>
CSS：
div {
background-color: black;
}
我尝试将正文元素设置为0边距，但浏览器的顶部仍然显示空白。
body {
margin: 0;
}
然后，我尝试向div添加填充，空白区域将不再存在。
div {
padding-top: 100px;
}
但是，有没有其他方法可以消除空白呢？
另外，我的理解是浏览器有设置边距的默
浏览 0提问于2021-12-04得票数 0
2回答
在我的网站上，我有一个表单，它发布到一个iframe，父窗口和iframe窗口都在我的页面、域等。
<iframe id="ifc1" style="display:none;" name="ifc"></iframe>
<div id="couponbox">
<form enctype="multipart/form-data" id="promo-form" class="form-inline" action=""
浏览 0提问于2018-03-30得票数 0
回答已采纳
2回答
如何使衬垫不透明？
、、、
我想让填充物不透明，但不透明不起作用。
body {
background-image:url(http://i.imgur.com/apKZRmj.png);
font-family:Helvetica;
color:lightgrey;
font-size: 16px;
align:center;
padding: 20px 0;
}
为什么这个不行？
浏览 7提问于2014-02-05得票数 3
回答已采纳
当我嵌入这个gdrive iframe时，一旦你点击iframe，我的页面就会跳转到顶部：
<iframe height="400px" frameborder="0" width="600px" src="https://docs.google.com/document/d/1u9NFjTPBd-9mucQUPvkqLP84iV6uaEcJNF5vQdHmYh8/edit?usp=sharing&rm=embedded"></iframe>
JSFiddle：
问:为什么它会这样做，我如何防止它这
浏览 15提问于2016-01-06得票数 9
1回答
我希望iframe的开场白能够检测到用户每次在该iframe中更改页面。使用jQuery，我可以通过以下方法每次检测页面在iframe中完成加载时的情况：
$('#myIframe').on('load', function() {/*do stuff*/});
但是，我也想检测(在iframe打开器中)每次页面开始加载该iframe。
注意: iframe中显示的内容来自第三方站点，因此我无法在那里插入代码，以便iframe可以显式地通知打开程序。
有人知道在页面开始加载时触发的事件吗？我没有太多的运气找到任何通过互联网搜索，因为大多数人似乎只感兴趣的检测什么
浏览 2提问于2013-03-21得票数 4
我正在尝试使用所有高度和所有宽度的google.maps iframe；
尝试使用CSS
iframe{min-width:100%;height: 100%;min-height: 2000px;overflow:auto;}
即使使用jquery
$(document).ready(function() {
alert($('#contenido').height()+'altura contendio');
alert($('#contenedor').height()+'altura contenedor');
浏览 0提问于2011-09-01得票数 1
回答已采纳
我有一个组件，它将加载一个Youtube视频，如果是真的。但是，当ngIf语句计算值太假时，模板不会加载。问题的背景是，当广告阻止者阻止Youtube视频时，我试图有条件地呈现div，只是为了让用户知道为什么内容没有加载，而不是有一个白框。我已经创建了一个服务，它返回一个布尔值，我确信这是有效的。有趣的是，当我在Chrome元素过滤器中搜索匹配的文本时，它会触发模板加载。
到目前为止，我已经尝试将变更检测推荐放入不同的生命周期中。运气不佳。我构建在最初由其他人编写的组件上。它确实实现了变更检测策略onPush。我不确定这是不是在制造问题。
<div *ngIf='loadYout
浏览 1提问于2019-04-08得票数 1
回答已采纳
我正在尝试使用.replace('width=".*"', 'width="100"')，因为width可以是原始string中的任何东西。但目前这并没有改变任何事情。
html
<div id="1"></div><br/>
<div id="2"></div>
javascript
var fullURL = '<iframe class="embedly-embed" src="https://
浏览 2提问于2016-03-29得票数 3
回答已采纳
1回答
我遇到的问题是在
如果你点击“扑克”或“骰子”，你会看到我的iframe周围有空格(在骰子选项卡上更容易看到)。谁能告诉我为什么，以及可能的修复方法？我已经摆弄了一个多小时的代码，我不知道它出了什么问题。当涉及到Bootstrap/CSS时，我是一个新手。谢谢!
浏览 0提问于2014-06-19得票数 0
我刚刚发现了我所见过的最奇怪的Internet Explorer问题，完全不知道如何解决它，所以我希望也许有人以前见过类似的东西，知道是什么导致了它/如何解决它。
我有一个多行文本框，如下所示：
<asp:TextBox runat="server" ID="txtDoctorNotes" TextMode="MultiLine" Rows="8" Width="270"></asp:TextBox>
今天早上我注意到这个文本框中的一些单词被复制了，我认为我只是在输入时犯了一个错误，于是点击
浏览 0提问于2013-04-05得票数 1
1回答
你好，我的信号处理器伙伴们！
当我对信号进行带阻滤波时，在使用汉宁窗口对信号进行加窗之后，阻带抑制效果要好得多。通过观察DFT来评估排斥反应。在图1中，你可以清楚地看到加窗后阻带中的频率成分要低得多。
有人知道为什么会这样吗？谢谢!
(很抱歉，显然我不能发布照片，图1是pdf格式的。)
图1。上图:高斯白噪声的DFT。中:高斯白噪声的DFT，带阻滤波。底部:高斯白噪声的DFT，带阻滤波和加窗
编辑:我现在非常确定我们观察到的效果是由造成的。使用汉宁窗口对带阻滤波信号进行加窗减少了泄漏到阻带中，从而得到了更好的滤波器性能。感谢您的评论和阅读！
浏览 1提问于2012-04-02得票数 0
1回答
这个如果不透明的话
、、、、
如果我的生活不透明的话，我就有了这个。我使iframe允许透明，也给了iframe的身体一个背景颜色:透明；
<iframe src="about:blank" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');" allowtransparency="true"></ifram
浏览 3提问于2014-01-06得票数 0
回答已采纳
4回答
填充属性的会在内容和内容的边框之间添加间隔。当我在测试这个属性时，我发现了一个填充不加间距的实例。
我有一段话
<p>Some text</p>
还有一些造型
p {
background: red;
color: white;
border: dashed 2px blue;
margin-left: 44px
}
结果()
然后我将padding: 49px添加到CSS中。从逻辑上讲，我应该得到类似的东西
但最终我得到了它()
正如我们所看到的，文本移动，但红色间距没有添加。为什么？
PS :也许我表达得不好，对此我很
浏览 3提问于2014-06-23得票数 0
回答已采纳
我正在制作一个带有实时预览的编辑器，这意味着当我在textarea中输入textarea代码时，它将自动显示在iFrame中，并且我目前有以下代码来选择iFrame中的活动元素：document.getElementById("IFRAME").contentWindow.document.activeElement，但是如何使它能够使我在iFrame中单击元素时，它将选择我在textarea中编写的元素的源代码？一个概念也会很好。
我最初的想法是：
当我单击iframe中的一个iframe时，它将获取activeElement的innerHTML并在textarea中搜索它，
浏览 2提问于2013-07-25得票数 0
回答已采纳
每个html元素都是一个盒子形状元素。
每个盒子都被边界包围-- padding，border，margin。
--
margin给出了两个元素之间的空白。
为什么一个盒子需要三个边界？在任何两个框之间创建空白的margin是否还不够？
浏览 2提问于2015-09-17得票数 0
回答已采纳
1回答
当我第一次登陆主页面时，fiddler就会显示iframe站点加载一次。当我F5或单击回页，它似乎加载了网站两次。
Fiddler显示，第一次有一个符号表示它被中止了。
解释图像上的要点
第一次加载iframe页面时加载得很好(在本例中是ASP页，但它发生在非ASP页)。
在F5页面刷新中，这是我的问题；页面加载，但看起来它被中止了。我想找出原因。这算是个问题吗？它会导致在客户机/服务器上使用额外的资源吗？
然后，页面将很好地加载。
我的IFrame看起来是这样的：
<div class="IframeContainer">
&
浏览 2提问于2017-04-19得票数 1
回答已采纳
1回答
可能重复：
我正在为下列情况寻找可能的解决办法：
在加载到iframe元素的页面中有一个具有“位置:绝对”样式的元素。根据iframe的细节和这个论坛()上的几个帖子，没有办法在iframe边界之外显示“立场:绝对”元素。
但是，似乎有一个例外:本机元素显示在iframe边框之外：
MainPage.htm：
<iframe src="WindowPage.htm" style="height: 50px; width: 50px"></iframe>
WindowPage.htm：
<!DOCTYPE html PUBL
浏览 4提问于2012-10-09得票数 2
回答已采纳
1回答
我必须包括一个外部白标网站在我的页面上的iframe。外部站点上有许多页面，它们的高度差别很大。
我需要调整iframe的高度来适应这种情况。
我可以获得加载到iframe中的第一个页面的高度(使用PHP)，但无法获得后续页面的高度，因为无法知道url/位置在iframe中更改为什么。
由于这是iframe中的外部url，因此通常的安全限制适用，因此所有解决方案都必须来自父框架。解决方案必须是可行的FF和IE至少。
我唯一能想到的就是测试iframe上的滚动条是否可见，但在这种情况下，这似乎是不可能的。
如果有人能证明我错了，或者有任何其他的javascript/ajax/php跨浏览器解决方
浏览 0提问于2010-10-30得票数 9
回答已采纳
在遵循了所有禁用滚动的提示之后，什么也没起作用。
为什么我的网页视图会如此轻微地向左或右移动，而它应该只适合页面而不需要任何水平滚动？
左图像:初始负载
右图:向左滑动后。
..。
HTML：
<html>
...
<body id="visitorinfo">
<div class="visitor">
<div class='titlebox'><img src="../images/helloworld.png&
浏览 4提问于2014-05-06得票数 0
回答已采纳
1回答
我在页脚上有一个iframe。如果我设置了页脚的height of iframe = height，它就会在iframe viz下生成空白。你可以在这里看到：
您可以尝试将iframe的高度设置为275 is，难看的空白就消失了。
为什么会发生这种情况？
请帮帮忙。
浏览 2提问于2015-09-22得票数 0
在不影响函数以前的实例输出的情况下，如何重复函数的输出？
在某些情况下：
我正在创建一个文本编辑器，并创建了一个“链接制造者”来创建一个相对的href链接。
但是，当我将链接附加到文本区域内容时，该链接将为第一个实例完美地显示。但是，如果我重复这个函数来添加另一个相对链接，它将删除包含第一个链接的html。
我尝试将链接的文本输出更改为getElementByClassName，因为我认为ID只用于不需要重复的唯一函数。与使用类一样，它允许更一般的使用。
一些代码，例如：
<textarea name="textarea" class="txtarea"
浏览 0提问于2018-11-13得票数 0
回答已采纳
net ajax应用程序。我有一个模型弹出窗口，它显示一个IFrame，在Iframe中，我显示一个asp.net页面。我想隐藏模型弹出窗口，当用户点击关闭按钮在页面内的IFrame。我怎样才能找到开场白modalpopup？
谢谢
浏览 1提问于2010-10-07得票数 1
回答已采纳
作为开场白，我对Clojure非常陌生。我想知道为什么我在这段代码上得到一个ClassCastExpection。我已经看过它了，从语法和逻辑上看它是正确的吗？ Clojure代码： ; (load-file "cje842asg1.clj")
(def lstnum '(76 85 71))
; 2a
(defn sum [list] (
(if (empty? list)
0
(+ (first list (sum (rest list))))
)
)
)
; if empt
浏览 12提问于2020-01-26得票数 1
回答已采纳
2回答
空格不是紧跟在打开html标记之后，就在关闭html标记空白节点之前吗？考虑以下代码：
<!DOCTYPE HTML>
<html>
<head>
<title>The document</title>
</head>
<body>
<div>Data</div>
<ul>
<li>Warning</li>
<li></li>
</ul>
浏览 1提问于2014-11-07得票数 1
回答已采纳
3回答
演示如下：
当我使用firebugs检查源代码时，我发现它只是iFrame，但是iFrame怎么会有文本区行为呢？关于如何实现这一点有什么想法吗？致谢
浏览 0提问于2011-12-03得票数 7
我在一个域上有一个应用程序，它显示来自不同域的另一个应用程序的内容。iframe会动态调整大小，类似于中描述的方法，以防止iframe中有任何滚动条。我遇到的问题是，当打印页面时，如果iframe大于打印机的纸张大小，则不会打印iframe中的内容。我希望iframe打印在多个页面上，而不是被截断。我在print css中将page-break-inside css属性设置为auto，但这似乎没有任何作用。一个iframe在打印时可以跨多页吗？
浏览 1提问于2010-03-23得票数 1
回答已采纳
如果用户有一个作者角色，并被列为页面的作者，当他们对页面进行更改并单击update时，就会进行更改，但是wysiwyg中的iframe消失了，并且不再显示在后端或前端。如果管理员或编辑器进行更改并保存它，则iframe将保持不变。
除了将用户角色更改为编辑器之外，如何防止iframe消失？
我尝试让作者将iframe代码粘贴到文本视图中，并在wysiwyg上的文本视图中更新它。
我尝试将这些代码片段添加到函数文件中，希望这样可以防止wp剥离它，但它们是不允许的。
这是：
function custom_rewrite_basic() {
add_rewrite_rule('^ab
浏览 0提问于2018-09-26得票数 1
2回答
问题很简单，但我就是找不到答案！
为什么不
return x == 0? "" : "Hello"
编译，但是
return x == 0 ? "" : "Hello"
有吗？
这真的很奇怪，因为所有其他操作符都不需要额外的空白。例如：
let x = 1+1
let y = 1 + 1
是一样的。
我想这和选拔赛有关。但是，当您在变量上使用?运算符时，必须如下所示：
let s: String? = nil
let x = s?.startIndex
我的意思是它必须跟着另一个接线员，对吗？
浏览 7提问于2016-01-01得票数 11
回答已采纳
我得到了一个未捕获的InvalidStateError，来自我的网站上(https://w.soundcloud.com/player/widget-6c3640e3.js & https://w.soundcloud.com/player/multi-sounds-0e392418.js)的soundcloud embedded profiles它托管在github.io上，是……
我在模式弹出窗口中嵌入了两个soundcloud配置文件
<iframe width="35%" height="450" scrolling="no&#
浏览 21提问于2016-09-11得票数 3
1回答
我有一个域和一个子域。域名在我的控制之下，子域名指向一个附属白标网站，即DNS指向他们的IP。我想在域名上通过iframe加载产品。
我知道由于跨域策略的原因，我不能使用JavaScript来更改样式。我想要完成的是修改iframe内部div的高度和宽度。
使用php简单加载内容是行不通的，因为页面有大量的脚本，如果我这样做，页面的框架就会出现，但没有可用的内容。
请给我一个实际的解决方案。我对jquery有足够的了解，能够在同一个域中替换、添加样式，不管是iframe还是非iframe。但我不知道如何在子域上做它。我可以控制子域，即我可以将dns改回我想要的，但这将停止白标网站的工作。我不能
浏览 3提问于2015-08-03得票数 0
5回答
我的应用程序有一个模式对话框，里面有一个iframe。我已经编写了我的jQuery代码，当对话框打开时，它会设置iframe的适当的'src‘属性，以便加载内容。但是，在对话框打开和内容加载之间的延迟期间，iframe明显地显示为一个白框。我更喜欢iframe有一个透明的背景。
我已经尝试在iframe上设置allowtransparency="yes“。有什么想法吗？谢谢!
浏览 0提问于2009-08-05得票数 46
我的页面中有iframe元素，当页面被加载时，iframes将被调整大小，并且我有一个按钮供每个人隐藏/显示。在第一个循环隐藏并再次显示之后，iframe的大小会变得更小，滚动条也会出现。
它只发生在Firefox中，在IE和Chrome中运行得很好，有人知道为什么吗？
下面是一些代码：
function Resize_IFrame(f) {
f.style.height = f.contentWindow.document.body.scrollHeight + "px";
}
<body style="font-size:75%;"
浏览 0提问于2010-11-24得票数 2
1回答
iframe动态加载到容器div函数中。
使用cc.text(content);，我尝试更新#代码内容。
我在运行时检查已更改的文本，它是更新的，但屏幕上的值保持不变。
我不是一个javascript，所以欢迎任何评论：
function ShowEditor(content) {
var url = "XmlEditor/Editor.htm";
slHost.css('width', '0%');
jobPlanContainer.css('display', '
浏览 5提问于2012-07-20得票数 0
回答已采纳
1回答
我把我的视频包装在一个定制的div里。看起来是这样的：-
<div class="yt">
<iframe>....Video code....</iframe>
</div>
我想删除<div class="yt">和</div>，但保留iframe。我尝试使用以下代码使用preg_replace：-
$content = preg_replace('#<div class="yt">(.*?)</div>#', '
浏览 0提问于2018-11-05得票数 1
回答已采纳
2回答
我已经在服务器上上传了一个版本，并得到了一个错误，这是我在本地环境中没有的。我有这个东西
stdClass Object (
[type] => education
[tutor_title] => Computer skills for the workplace
[tutor_title_description] => portland college
)
当我做这件事时：
if ('education' == $qualification->type)
{
echo 'yes';die();
}
浏览 2提问于2012-02-22得票数 0
回答已采纳
我的WordPress WebSite帖子有不同类型的iframe标签:例如：
<iframe src="http://examplesite1.tld/somepageordirectory"></iframe>
<iframe src="http://examplesite2.tld/somepageordirectory"></iframe>
<iframe src="http://examplesite3.tld/somepageordirectory"></ifram
浏览 0提问于2018-05-23得票数 0
2回答
我有一个由插件驱动的小画廊，里面有图片和Youtube嵌入的视频。标记类似于：
<div class="carousel">
<div class="carousel-cell">
<img src="https://img.youtube.com/vi/EXeTwQWrcwY/maxresdefault.jpg">
<iframe src="https://www.youtube.com/embed/EXeTwQWrcwY"></iframe>
浏览 0提问于2017-07-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
