Css 100%的Div宽度不'；你不占100%的版面吗？_Css_Html_Width

Css 100%的Div宽度不'；你不占100%的版面吗？

css html

Css 100%的Div宽度不'；你不占100%的版面吗？,css,html,width,Css,Html,Width,当我在div上使用100%宽度时，它会在div的顶部和两侧留下空间 <!DOCTYPE html> <html>  <head> <title>Music</title> </head>  <body> <div style = "background-color: #0FCCB3; height: 10em; width:

当我在div上使用100%宽度时，它会在div的顶部和两侧留下空间

<!DOCTYPE html>
<html>
<!--Head-->
<head>
    <title>Music</title>
</head>
<!--Body-->
<body>
    <div style = "background-color: #0FCCB3; height: 10em; width: 100%;"> </div>
</body>
</html>


音乐

变成：

看到顶部和侧面的空白了吗？如何摆脱它？

发生这种情况是因为BODY元素有一个边距

添加以下样式：

<style>
body { margin: 0px; }
</style>


正文{margin:0px；}

发生这种情况是因为BODY元素有一个边距

添加以下样式：

<style>
body { margin: 0px; }
</style>


正文{margin:0px；}

主体元素上的边距（或填充），只需将其移除即可

body{
    margin:0;
    padding:0;
}

主体元素上的边距（或填充），只需将其移除即可

body{
    margin:0;
    padding:0;
}

这来自body标记的填充或边距值。通过以下方式移除它们：

body{
  margin:0;
  padding:0;
}

浏览器应用一些默认样式，对于不同的浏览器和版本，这些样式可能会有所不同。为了避免浏览器默认设置带来的意外，您可以使用一个

，它来自body标记的padding或margin值。通过以下方式移除它们：

body{
  margin:0;
  padding:0;
}

浏览器应用一些默认样式，对于不同的浏览器和版本，这些样式可能会有所不同。为避免浏览器默认设置带来意外，您可以使用

重置浏览器默认样式。在这种情况下，您可以这样做

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

但是我建议在启动项目时使用normalize.css来获得一个干净的状态。

您需要重置浏览器的默认样式。在这种情况下，您可以这样做

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

但是我建议在开始一个项目时使用normalize.css来获得一份干净的工作。

OMG谢谢，非常感谢，非常感谢