HTML和BODY標籤不是100％寬度/高度

-4

我正在製作一個網站，「html」和「body」標籤沒有填滿整個頁面。 HTML和BODY標籤不是100％寬度/高度

問題：是否應該這樣做？
它沒有任何 css，但它仍然如此。我認爲它在默認情況下是100％寬度/高度。儘管如此，我的確記憶力很差。

下面的代碼：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test Site</title> 
    </head> 
    <body> 
     <p>Hello! </p> 
    </body> 
</html>

請幫助，我需要儘快爲這個項目做好準備。

你的鏈接不起作用 –

拍攝。好吧，它看起來像HTML標籤只在屏幕的一部分，它真的與我混亂，因爲我需要中間居中的東西，但它只是進入網頁的頂部，只能看到與檢查元件。 –

設定的主體風格：

body{ 
    margin: 0; 
    padding: 0; 
}

2017-10-07 21:57:27 Vega

對不起，但這給了同樣的結果。 –

EDITED ANSWER

添加這個CSS

html, body { 
    margin: 0; 
    min-height: 100%; 
}

的margin設置將重新設置默認的利潤率大多數瀏覽器添加。 height設置將強制高度爲至少與瀏覽器窗口一樣高，如果瀏覽器窗口內容少於填充瀏覽器高度的內容，則您需要這種瀏覽器窗口。

此外：如果您還希望身體不高於窗口，請將min-height: 100%替換爲height: 100%。在這種情況下，如果body的子元素高於窗口，則他們將在body內進行滑動。

2017-10-07 21:59:17 Johannes

對不起，但這給了同樣的結果。 –

請注意我改變的答案（在閱讀你對你的問題的評論後，我知道你的身高比窗口高度小，因爲沒有足夠的內容來填充它） – Johannes

然後我會試着弄清楚這一點。 –

回答