HTML和BODY标记不是100%宽度/高度

时间:2017-10-07 21:49:19

标签: html css html5 web

我正在建立一个网站和" html"和" body"标签没有填满整个页面。

<小时/> 问题:它是否应该这样做?
它没有任何css,但它仍然可以。我认为它默认为100%宽度/高度。我确实有很糟糕的记忆。

以下是代码

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

由于我没有REPUTATION TEN 来发布图片, 这里是图像的链接: https://lh4.googleusercontent.com/j0DgeD1gRgfOdAGQkiR5vKgKoYxnlLosmecjibixqXGb9xhwJl4IHEUbA-8TcLBmhUZRaIBEhFFswRw=w1368-h635-rw

<小时/> 请帮助,我需要尽快为项目做这个。

2 个答案:

答案 0 :(得分:1)

将正文样式设置为:

body{
    margin: 0;
    padding: 0;
}

答案 1 :(得分:1)

编辑回答

添加此CSS

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

margin设置将重置大多数浏览器添加的默认边距。 height设置将强制的高度至少与浏览器窗口一样高,如果内容少于填充浏览器高度,则需要在此情况下使用。

添加:如果您还希望正文不高于窗口,请将min-height: 100%替换为height: 100%。在这种情况下,如果body的子元素高于窗口,则它们将在body内进行搜索。