使用Rails 3.2和SASS的CSS問題

我開始使用Rails 3.2的新網站，但我無法獲得CSS使頁面佔據整個瀏覽器窗口。但有一個問題：我無法填充頁面的高度，它總是填充必要的。使用Rails 3.2和SASS的CSS問題

我試過一切可能實現這一目標，我甚至使用了與另一個Rails站點前一段時間（使用Rails 3.0.5，沒有SASS）完全相同的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

如果我添加「高度：100％「，頁面溢出相當於頁腳空間。而btw .site div包含實際的網站，並且是身體的小孩，footer div也是身體的直接子。

哦，沒有，沒有其他的CSS文件與我搞亂了，我仔細檢查了與螢火蟲

來源

2012-03-29 Rodrigo Castro

你試過減少您的.site div百分比高度？嘗試高度小於100％，看看該解決方案是否合適。我不認爲它的SASS特定的事情。 – alexs333 2012-03-29 05:17:58

我不想資源來計算百分比，我已經做了一些像這樣的網站，他們都工作得很好，但如果我不能得到另一種方法來做到這一點，我會嘗試。 – 2012-03-29 14:32:37

您是否嘗試過做body的高度100%：

body { 
    height: 100%; 
}

來源

2012-03-29 03:35:39 Behrang

是的，正如我所說，當我這樣做時，頁面溢出，頁腳不再可見 – 2012-03-29 14:31:14

@RodrigoCastro而不是顯示SASS源代碼，顯示由SASS生成的CSS。這會更有幫助。 – Behrang 2012-03-29 21:51:04

使用Rails 3.2和SASS的CSS問題

回答

相關問題