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

당신은 모든 HTML headings는 기본 마진 스타일을 가지고는 <h1> 태그에서 기본 마진을 제거해야합니다.

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

출처

2016-10-25 16:07:21

아, 거기 있습니다. 대단히 감사합니다. –

iframe과 div 요소 사이의 모든 공백을 제거하려면 어떻게해야합니까?

답변

관련 문제