如何刪除iframe和div元素之間的所有空間？

所以我一直試圖刪除我的div元素和iframe之間的空間，一個小時沒有成功。任何幫助將不勝感激。這是我迄今爲止所做的。如何刪除iframe和div元素之間的所有空間？

CSS：

h1 { 
    text-align: center; 
    color: white; 
} 

.d1 { 
    border-style: none; 
    background-color: blue; 
} 

iframe { 
    width: 50%; 
    height: 50%; 
    display: block; 
    margin: 0; 
}

這裏是我的html：我想刪除的頂部和底部的2級的div元素之間的空白。

<!DOCTYPE html> 
<!-- By Christian Soto --> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Event Driven JS</title> 
     <link rel="stylesheet" type="text/css" href="index.css"> 
    </head> 
    <body> 
     <div class="d1"> 
     <h1>Using JavaScript to Change the HTML</h1> 
     </div> 
     <iframe id="section"> 
     <!-- Will be loading different html pages into here --> 
     </iframe> 
     <div class="d1"> 
     <h1>Christian Soto</h1> 
     </div> 
    </body> 
</html>

來源

2016-10-25 Christian Johnny Sotoparra

你可以提供一個jsfiddle來演示你的問題。 – Steve

您需要從<h1>標籤刪除默認的保證金，所有HTML headings有一個默認的保證金風格。

h1{ 
text-align: center; 
color: white; 
margin: 0; 
}

來源

2016-10-25 16:07:21

啊，就是這樣。非常感謝，先生。 –

如何刪除iframe和div元素之間的所有空間？

回答

相關問題