내용이 화면의 측면을 만지지 않습니다.

Question

div에 내 머리글을 넣고 싶지만 div가 직접 페이지를 건드리지는 않지만 양쪽에 약간의 공간이 있습니다. 왜? 어떻게 제거 할 수 있습니까? 사업부는

<div class="header"> 
    <img src="images/header.png" width="600" height="252" alt="Header" /> 
</div> 

입니다 그리고있는 style.css 파일은 header_extend.png 화면 폭의 나머지 부분을 채우는 것입니다

.header { 
    background: url(../images/header_extend.png) repeat-x center; 
    overflow: hidden; 
} 
.header img { 
    display:block; 
    margin:0px auto; 
    max-width: 100%; 
    height: auto; 
    overflow: hidden; 
} 

가 포함되어 있습니다.

Answer 1

당신은 body 태그에서 기본 마진을 제거해야합니다. 당신이 .header DIV의 폭에 대한 비율을 사용하려는 경우

body { margin:0 } 

또한, 당신은뿐만 아니라 부모의 폭을 지정해야합니다. 여기

body { 
    margin: 0; 
    width: 100%; 
} 

fiddle

Answer 2

는 CSS를 추가하려고 :

body { 
    margin: 0px; 
    padding: 0px; 
} 
.div { 
    margin: 0px; 
    padding: 0px; 
} 

을하고 있다면 여전히 한 줄에 코드를 트림 작동하지 않습니다. 때로는 파단 라인에서 오는 1px의 작은 공간이 있습니다. 이 같은

: 당신의 CSS의 상단에 리셋을 추가

<div class="header"><img src="images/header.png" width="600" height="252" alt="Header" /></div> 

Answer 3

보십시오. 이 작은 간격 버그를 종종 과장합니다.

http://meyerweb.com/eric/tools/css/reset/