Rails 3.2とSASSで動作するCSSの問題

Question

Rails 3.2を使用して新しいWebサイトを開始していますが、CSSのページをフルブラウザウィンドウで使用することができません。しかし、問題がある：私はページを埋めるために高さを得ることはできません、それは常に必要なだけを満たす。

私はこれを達成するためにすべてを試しましたが、私は以前（Rails 3.0.5、SASSなし）の別のRailsサイトと同じCSSを使っていましたが、高さは画面をいっぱいにしたりオーバーフローさせたりしないで、スクロールバーを作成します。

多分SASSが問題ですか？私はグラデーション、丸められたボーダー、あまりにも大きなものにはいくつかのミックスインを使用しています。

私が持っている現在のCSSは（唯一の重要な部品）これです：

html { 
    @include no_space; 
    height: 100%; 
    display: block; 
} 

root { 
    @include no_space; 
    height: 100%; 
    display: block; 
} 

body { 
    @include no_space; 
    display: block; 
    text-align: center; 
    /* top: 0px;*/ 
    font-family: "Helvetica", Verdana, Arial; 
    color: $text_color; 
    background-color: $background; 
} 

.site { 
    @include gradient(white, $background); 
    height: 100%; 
    display: block; 
} 

no_spaceのミックスインは、私が「高さを追加する場合のマージンとパディングが0

であることを言ってわずか2行が含まれています：100％ "をボディに適用すると、ページはフッタースペースに相当するオーバーフローします。そして、.site divには実際のWebサイトが含まれ、bodyの子です。footer divはbodyの直接の子です。

ああ、いや、鉱山でめちゃくちゃに他のCSSファイルが存在しない、私はFirebugの

Answer 1

であなたが100%からbodyの高さを作ってみました持っていることをダブルチェック：

body { 
    height: 100%; 
}