即使设置了margin: 0，Div仍然具有边距。

Question

即使设置了margin: 0，Div仍然具有边距。

5

我正在尝试制作一个没有边距的 div（用于跨页面标题）。我尝试了以下代码：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style>
        .test {
            height: 100px;
            margin: 0;
            background-color: #000000;
        }
        </style>
    </head>
    <body>
        <div class="test">&nbsp;</div>
    </body>
</html>

但是 div 仍然周围有边距。我做错了什么？感谢您的帮助！

- alexpyoung

不要忘记重置填充。正确答案已由@bažmegakapa给出。 - mathk

2个回答

0

正文也有边距。因此，除非您在正文上设置边距为0，否则它不会完全将该页面的边距设置为0。

- Lex

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- kapa · Accepted Answer

这是围绕 body 的默认边距。浏览器为某些元素的某些 CSS 属性定义了特定的默认值 - 这就是其中之一。不幸的是，有时默认值在不同的浏览器中会有所不同。

你应该使用所谓的重置 CSS或者移除默认边距：

body { margin: 0; }

jsFiddle演示