即使有保证金,Div仍有保证金:0;

ale*_*ung 3 html css layout margin

我试图创建一个没有边距的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>
Run Code Online (Sandbox Code Playgroud)

但是div仍然有一个边缘.我究竟做错了什么?谢谢你的帮助!

kap*_*apa 12

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

您应该使用所谓的重置CSS或删除默认边距:

body { margin: 0; }
Run Code Online (Sandbox Code Playgroud)

jsFiddle演示