Question

我正在尝试创建一个没有边距的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仍然有一个边缘。我究竟做错了什么？谢谢你的帮助！

Answer 1

这是body附近的默认保证金。浏览器为某些元素上的某些CSS属性定义某些默认值 - 这是其中之一。不幸的是，有时默认值因浏览器而异。

您应该使用所谓的Reset CSS或删除默认边距：

body { margin: 0; }

jsFiddle Demo

Answer 2

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

即使有保证金，Div仍有保证金：0;

2 个答案: