爲什麼我的iframe內容在其周圍有一個空白區域？

我已經創建了一個iframe代碼，我希望人們在他們的網站上使用它作爲小部件。此iframe將加載一個包含按鈕和計數器的網頁。在訪問過的頁面中，我有一個圖形。爲什麼我的iframe內容在其周圍有一個空白區域？

但是iframe在瀏覽器中呈現，周圍有一個白色的空白區域。這是爲什麼發生？這裏是我的代碼： -

在客戶端：

<script type="text/javascript"> 
    window.onload = function() { 
     document.all.myframe.src = "blogup.aspx?url=" + window.location.href; 
    } 
</script> 

<iframe id="myframe" height="75" width="235" scrolling="no" frameborder="0"> 
</iframe>

應顯示

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="blogup.aspx.cs" Inherits="blogup" %> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<body> 
    <form id="form1" runat="server"> 
     <img style="float: left" src="images/blogup1.jpg" alt="Blogvani.com - Indian blogs aggregator" /> 
     <div style="font-family: Verdana; font-size: 16px; margin:0;padding:0;font-weight: bold; background: url('images/blogup2.jpg') no-repeat; 
      height: 50; width: 44; padding: 22px 5px 5px 5px; text-align: center"> 
      <a href="javascript:voteup('<%= PostURL %>')" id="votecount" style="text-decoration: none; 
       color: #026A88">115</a></div> 
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
    <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server"> 
     <Services> 
      <asp:ServiceReference Path="~/Services.asmx"    
     </Services> 
    </asp:ScriptManager> 

    </form> 
</body> 
</html>

注頁：我使用內聯CSS。邊距和填充設置爲0，但圖像顯示爲從頂部和左側略微偏移。

任何想法？

來源

2009-01-05 Cyril Gupta

您可能需要從<body>中刪除填充和頁邊距。

來源

2009-01-05 17:49:17 Greg

這似乎是最有可能的問題。 html，body {padding：0;餘量：0; }應該照顧它。 – 2009-01-05 18:17:06

請確保在iframe中顯示的頁面上完成此操作。 – 2009-01-05 18:50:29

body {padding：0; margin：0;}做到了。謝謝Zack。 – 2009-01-06 01:13:44

我有類似的問題。空白區域是iframe本身的頁面。我通過在iframe中包含的頁面的樣式表中執行margin-left:-10px; margin-top:-10px來刪除它。

來源

2011-08-17 13:12:40 Nick

嘗試這種風格的代碼它會刪除iframe的周圍空白

<style> 
    iframe { display:block; } 
    html, body { 
     border: 0px; 
     margin: 0px; 
     padding: 0px; 
    } 
    </style>

來源

2017-03-26 15:08:48

爲什麼我的iframe內容在其周圍有一個空白區域？

回答

相關問題