身體不是全屏

Question

我的身體沒有使用灰色空間。我希望那部分和body一樣是背景顏色。

這是我的CSS：

#body { 
    background-color: #feffc0; 
    clear: both; 
    padding-bottom: 35px; 
} 

Answer 1

CSS的一個最佳實踐是對所有瀏覽器和默認樣式使用normalizator。

我建議你使用這個：Normalize.css

只是把它添加到您的代碼和所有將正常工作。

您的問題是由身體和HTML的缺失規則，你可以在normalize.css找到

body { 
    margin: 0; 
} 

，造成再添加此：

body { 
    height:100%; 
    display:block; 
    position:relative; 
} 

DEMO：FIDDLE

Answer 2

一對夫婦的事情。首先，你使用身體的id選擇器，但我沒有看到你的HTML，所以我想你只想使用html元素選擇器。

要回答你的問題，請使用height: 100%;。

body { 
    background-color: #feffc0; 
    clear: both; 
    padding-bottom: 35px; 
    margin: 0; 
    height: 100%; 
} 

Answer 3

您需要設置頁面的實際主體高度爲100％。然後，您需要將主容器的高度設置爲100vh。 `你的CSS;：{100％的高度}

body { 
    height: 100%; 
} 
.container (or#body or main or w.e your main container is called){ 
    height: 100vh; 
} 

爲例