HTML/CSS로 여백 제거 문제

Question

div가있는 가로 공간을 완전히 채우는 데 성공하지 못했습니다. 오른쪽, 왼쪽, 위쪽 및 아래쪽에 항상 약간의 공간이 있습니다.

JSFiddle

내가 현재 사용하고 있습니다 :

CSS :

.section{ 
    width: 100%; 
    display: inline-block; 
    top: 0px; 
    left: 0px; 
    margin: 0px; 
    padding: 0px;  
} 
#section-1,#section-3{ 
    background-color: #ddd;  
} 

HTML :

때문에 body에 대한 margin의 사실이다

<div id="section-1" class="section"> 
    <p>Foo</p> 
</div> 

Answer 1

작동하도록 모두 html 및 body에 0에 margin 및 padding 모두를 설정하는 것입니다 완벽하게 크로스 브라우저.

html, body{ 
    padding: 0; 
    margin: 0; 
} 

Answer 2

. 이 fiddle을 확인하십시오. 내가 CSS에이 스타일을 추가했습니다 : 또한 body 일반적으로 이루어집니다 무엇

body{ 
    margin: 0; 
} 

에 margin: 0을 넣어

body { 
    margin: 0px; 
}