탐색 막대 위의 공백 제거

내가 만든이 navbar 위의 공백을 제거하려면 어떻게합니까?탐색 막대 위의 공백 제거

http://gyazo.com/b41271cad8d41c08c52ff26b1f1cab9e

나는이 대답을 StackOveflow 검색,하지만 내 문제를 해결할 것 하나를 찾을 수 없습니다. html, body padding/margin을 0으로 설정하고 다른 모든 요소를 재설정합니다. 누구라도 조언을하나요?

<nav id="header"> 
    <div class="home-header"> 
    <a href="#"><h1> testing this </h1></a> 
    </div> 
</nav>

여기 상단에있는 CSS를

#header { 
    position: relative; 
    margin: 0 auto 0; 
    padding-top: 0px; 
    background-color: $main-color; 
}

출처

2014-06-06 kevin

당신이 ** 최고 시도해 봤어보십시오이 코드를 body 태그 margin:0px; 헤더 margin:0px;을 넣어 : 0 **? – MrCujo

내부 요소에 여백이 있습니까? – marcelo2605

html과 body 요소의 여백과 패딩을 0으로 설정 했습니까? –

Live demo

공간을 것은 때문에 기본 여백의 h1로 만드는 것입니다. 이 문제를 해결하려면

#header h1{ 
    margin:0px; 
}

추신 : 나는 body 태그의 여백을 제거했다고 가정합니다. 여기 없어 경우에 당신이 그것을 제거하는 방법은 다음과 같습니다

body{ 
    margin:0; 
}

출처

2014-06-06 19:35:23 CMPS

아,이게 수정되었습니다! 정말 고마워. 나는 h1 태그가 마진을 만들었다는 것을 알지 못했습니다. – kevin

@kevin yup, h1은 기본 여백을 만듭니다. 그리고 body 태그에 대한 업데이트를 확인하십시오. 본문에 대해 여백을 0으로 설정하지 않은 경우에도 공백이 생성됩니다. 따라서 body 태그의 여백을 제거하지 않은 경우 코드를 추가했습니다. 더 이상 질문이 없으면 해결을 표시하십시오 – CMPS

@kevin이 답변으로 문제가 해결되면 체크 표시를 클릭하십시오. –

#header { 
 
    position: relative; 
 
    margin: 0; 
 
    padding-top: 0px; 
 
    background-color: $main-color; 
 
} 
 
body{ 
 
margin:0px; 
 
}

<body> 
 
<nav id="header"> 
 
    <div class="home-header"> 
 
    <a href="#"><h1> testing this </h1></a> 
 
    </div> 
 
</nav> 
 
</body>

는

출처

2017-08-18 08:41:39 devadinesh

탐색 막대 위의 공백 제거

답변

관련 문제