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; 
}