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