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

然后我会试着弄清楚这一点。 –

回答