HTML背景色不填充整个页面？_Html_Css

HTML背景色不填充整个页面？

html css

HTML背景色不填充整个页面？,html,css,Html,Css,大家好，下面是问题的图片：我想让它填充绿色框左右和顶部的空白 HTML: <!DOCTYPE HTML> <html> <head> <LINK href="style.css" rel="stylesheet" type="text/css"> <link href='http://fonts.googleapis.com/css?family=Montserrat:700' rel='style

大家好，下面是问题的图片：

我想让它填充绿色框左右和顶部的空白

HTML:

<!DOCTYPE HTML>
<html>
    <head>
        <LINK href="style.css" rel="stylesheet" type="text/css">
        <link href='http://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
        <title>Test page</title>
    </head>
    <body>
    <div id="container" name="header">
        <h1>Blegh</h1>
            <style>
                #container {font-family: 'Montserrat', sans-serif;}
            </style>
     </div>
    </body>
</html>

这两条规则应该做到这一点：

html, body {
    margin:0;
    padding:0;
}
h1 {
    margin:0;
}

您必须删除正文页边距。将此添加到css中：

body {
    margin: 0px;
    padding: 0px;
}

将此添加到您的style.css：

html, body {
  margin: 0;
  padding: 0;
}

应用边距和0填充将允许所有元素到达页面的边框。但是，如果您希望颜色填充整个页面（这似乎是实际问题），请将背景颜色应用于body标记

body {
    margin: 0px;
    padding: 0px;
    background-color: #58FA58;
}

将div heigt设置为100 px:）

要使div像boddy wrapper一样，您必须使用以下CSS

    * {
    margin: 0;
}

html, body {
    height: 100%;
}

#container{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -20px;
}

.footer, .push {
    height: 20px;
}

这是因为浏览器。浏览器的默认设置有边距和边距，您应该在所有项目中将边距和边距设置为零

body{
    margin: 0px;
    padding: 0px;
}

删除元素上的默认填充和页边距。不相关：

中不允许使用元素，除非有范围。@j08691我该怎么做？请打开元素，并尝试添加CSS:{margin:0；padding:0}如果要用背景色覆盖整个页面，您需要将样式应用于覆盖整个页面的内容，如正文标记。将在8分钟内标记为答案，谢谢！另外，如何将绿色框提升到页面顶部？不确定将绿色框提升到页面顶部是什么意思。在小提琴的例子中，它已经在顶部了。实际的问题似乎是如何让颜色“填满页面”。这并不能解决这个问题。@drummin-“我想让它填充绿色框左右和顶部的空白。”顶部的问题是“HTML背景色没有填充整个页面？”

body{
    margin: 0px;
    padding: 0px;
}