이 이중 스크롤 막대/공백의 원인은 무엇입니까?

Question

Chrome, Firefox 및 분명히 IE에 이상한 문제가 있습니다. 나는 내 포트폴리오 사이트/블로그에 대한 WordPress 테마를 만들고 있는데, 오늘까지 크롬 사이트를 볼 때까지 페이지가 보이면 갑자기 큰 흰색 막대가 나타납니다. Firefox/IE에서는 두 개의 사이드 바를 보여줍니다. 여기 페이지입니다 http://iamdannygreen.com/?p=5 Firefox의 추한 헤더를 용서해주십시오. havent는 아직 모든 브라우저를 수정했습니다. 도움을 주시면 대단히 감사하겠습니다. 감사합니다.

Answer 1

헤더를 수정하고 overflow-x: hidden을 몸에서 제거하면 정상적으로 작동합니다.

머리글을 고쳐서이게 뭐지 ...?

margin-left:-1000px; 
padding-left:1000px; 
padding-right:1000px; 
margin-right:1000px; 

머리글 배경은, 윈도우의 폭에 걸쳐 #wrapper의 외부로 이동하고 콘텐츠를 안에 다른 래퍼를 넣어하려는 경우 (그래서 내용이 중심 상태로 유지)를.

<div id="header"> 
    <div class="wrap">content here</div> 
</div> 
<div class="wrap" id="content"> body stuff here </div> 

.wrap { 
    width: 500px; 
    margin: 0 auto; 
} 
#header { 
    background-color: #CCC; 
} 

#content { 
    background-color:#FFF; 
} 

DEMO.