CSS 100 % 너비가 깨졌습니다.

Question

PHP/HTML5/CSS3 페이지를 개발 중이며 문제가 발생했습니다. 필자는 어떻게 든이 작업을 완벽하게 수행 한 다음 코드를 추가하고 약간의 변경을 가한 다음 파산했습니다.

페이지의 여러 부분이 100 % 너비이지만 미리 정의 된 높이를 사용한다는 개념이있었습니다. 그러나 너비 : 100 %에서는 폭이 15-20 px (~ 1 %) 미만입니다. 다음과 같은 속성 CSS 스타일이 있습니다.

html { 
width: 100%; 
} 

body{ 
background-color:#fbf9ec; 
font-family:"Times New Roman", Times, serif; 
width:100%; 
} 


#upperContainer{ 
height: 100px; 
width: 875px; 
margin: 0 auto; 
position: relative; 
} 

#topLogo{ 
width: 250px; 
height:75px; 
background-image:url(../images/logo.png) 
} 

#nav{ 
background-image:url(../images/nav-bg.png); 
height: 32px; 
width: 100%; 
margin-left:-10px; 
background-repeat:repeat-x; 
} 

#featuredContent{ 
height: 336px; 
width: 100%; 
margin-left:-12px; 
background-image:url(../images/featured-bg.png); 
} 

#sliderA{ 
background: #3a7c38; 
height: 326px; 
width: 873px; 
margin: 0 auto; 
padding: 10px 0 0 0; 
border:1px #353f35; 
border-right-style:solid; 
border-left-style:solid; 
position: relative; 
} 

의견이 있으십니까?

Answer 1

왼쪽 여백이 음수입니다. 그들을 제거하고 라인이 있는지보십시오.

#nav{ 
    margin-left:-10px; 
} 

#featuredContent{ 
    margin-left:-12px; 
}