我正在建立一个网站和" 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
答案 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
内进行搜索。