나는 하루 종일 검색합니다 (여기 2pm atm이므로 꽤 많이 검색합니다), 헤더 포함에 대략 5px 여백이 있습니다. 필자가 보았던 답변은 일반적으로 자동으로 여백을 추가하거나 위치를 사용하는 인라인 블록과 관련이 있습니다. 여백과 패딩 모두 0으로 설정되었지만 여전히이 차이가 있습니다. 여기에 몇 가지 코드가 있습니다. 당신의 body
요소 CSS에 margin: 0
를 추가하고 원하는 경우 헤더는 모든 공간을 차지하기 - 당신의 body
요소 주위에 여백의원하지 않는 여백이 메뉴
<style type="text/css">
#header{
margin:0;
padding:0;
width:100%;
background-color:#333;
}
#logo{
margin:0;
padding:0;
}
</style>
<div id="header">
<div id="logo"><a href="index.php"><img src="../img/logo.jpg" width="591" height="124" alt="SunnahSpace"></a>
</div>
</div>
코드를 테스트 할 때 헤더 주위에 여백이 생기지 않습니다. 다른 요소에서 오는 것이 확실합니까? –
이 간격의 shothot 또는 예제 HTML을 보여줄 수 있습니까? 위의 마크 업을 JSFiddle에 연결했는데 틈이 없습니다. – Bojangles
여백이 전체 요소를 반올림합니까, 아니면 오른쪽 및 왼쪽 만 있습니까? – Akos