HTML/CSS-为什么我的页面周围有一个小的空白区域？_Html_Css

HTML/CSS-为什么我的页面周围有一个小的空白区域？

html css

HTML/CSS-为什么我的页面周围有一个小的空白区域？,html,css,Html,Css,这里我有一个非常简单的网页。基本上是一个div。但是这个div周围没有任何区域，尽管我的宽度设置为100%。这是一张照片下面是我的代码 <html> </head> <link href='mainStyle.css' rel='stylesheet'/> <script src='jquery.js'></script> </head> <body&g

这里我有一个非常简单的网页。基本上是一个div。但是这个div周围没有任何区域，尽管我的宽度设置为100%。这是一张照片

下面是我的代码

<html>
    </head>

        <link href='mainStyle.css' rel='stylesheet'/>

        <script src='jquery.js'></script>

    </head>
    <body>

        <div id='navTop'></div>

    </body>
</html>

这可能只是一个愚蠢的CSS错误。感谢您的帮助

添加：

body {
margin: 0;
}

浏览器默认为

8px的边距添加：

body {
margin: 0;
}

浏览器默认为

8px的边距

浏览器在各种元素上都有默认的边距/填充，包括

html

和

body

。如果希望

div

向右移动到边缘，则还需要将它们设置为零。

浏览器在各种元素上都有默认的边距/填充，包括

html

和

body

。如果希望

div

直接进入边缘，则也需要将其设置为零。

这可能是因为

需要将其边距和填充设置为0

CSS:

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

这可能是因为

需要将其边距和padding设置为0

CSS:

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

您的浏览器具有默认样式（字体大小、字体系列、行高等，包括文档周围的边距和填充）

为避免文档周围出现额外空间，您可以在CSS中添加：

body,div,p { margin:0;padding:0; }

所以这些元素不会保留默认值

另一种奇特的方法是使用，以确保几乎所有默认样式都被覆盖为0/null，因此只有您自己的规则才有效。

您的浏览器具有默认样式（字体大小、字体系列、行距等，包括文档周围的边距和填充）

为避免文档周围出现额外空间，您可以在CSS中添加：

body,div,p { margin:0;padding:0; }

所以这些元素不会保留默认值

另一种，奇特的方法，是使用，以确保几乎所有默认样式都被覆盖为0/null，因此只有您自己的规则才起作用。

页面

正文

由浏览器应用边距-称为用户代理样式表。页面

正文

由浏览器应用边距-称为用户代理样式表。不同的浏览器都有不同的行为，所以在我看来，最好涵盖所有可能的情况。这当然不会有什么坏处。不同的浏览器都有不同的表现，所以在我看来，最好涵盖所有可能的情况。这肯定不会伤害任何东西。