Blueprint CSS : 내용이 길면 페이지가 왼쪽으로 이동합니다.

Question

Blueprint CSS 프레임 워크를 사용하고 있으며 현재 이상한 문제가 있습니다. 내 페이지의 내용이 모니터 화면보다 길어지고 바닥 글이 아래로 이동하면 전체 페이지가 조금 왼쪽으로 이동하지만 내용을 짧게 잘라서 화면에 맞춰서 바닥 글이 보이지 않고 (아래로 스크롤하지 않고) 페이지가 다시 오른쪽으로 다시 이동합니다.

잘 모르겠지만 그 clearfix 문제를 추측하고 있습니다. 너는 똑같이 생각하니?

내용이 매우 길더라도 페이지가 왼쪽으로 이동하지 않도록이 문제를 해결하는 방법을 알려주십시오.

내 페이지 구조는

<div class="container"> 

    <div id="header" class="span-24 "> Header </div> 

    <div id="content" class="span-24" >My Main Content with two columns </div> 

    <div id="header" class="span-24 "> Header </div> 

</div> 

CSS

#header{ 
margin-top:5px; 
background-color:#333333; 
border: solid 1px #333333; 
-moz-box-shadow: 1px 1px 5px #999; 
-webkit-box-shadow: 1px 1px 5px #999; 
box-shadow: 1px 1px 5px #999; 
height:70px; 
} 

#content{ 
margin-top:2px; 
min-height:500px; 
font-size:12.5px; 
line-height:30px; 
background-color:#FFFFFF; 
color:#404348; 
font-family: 'Open Sans', sans-serif; 
text-align:justify; 
background-color:#FFFFFF; 
min-height:600px; 
border: solid 1px #CCC; 
-moz-box-shadow: 1px 1px 5px #999; 
-webkit-box-shadow: 1px 1px 5px #999; 
box-shadow: 1px 1px 5px #999; 
} 

#footer{ 
height: 4em; 
background-color:#FFFFFF; 
border: solid 1px #CCC; 
-moz-box-shadow: 1px 1px 5px #999; 
-webkit-box-shadow: 1px 1px 5px #999; 
box-shadow: 1px 1px 5px #999; 
} 

Answer 1

가 페이지 이동 다음과 같이, 또는 귀하의 브라우저가 사라지고/나타나고있다 스크롤 바 때문이다?

시체를 항상 스크롤바가 있도록 설정해야합니다. 수정해야합니다.

예 브라우저의 스크롤 막대가 표시되었다/사라지고 있기 때문에 당신이 바로 ..이 일어나고있다

html { 
    overflow-y: scroll; 
}