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

uxhixvfz  于 2023-04-18  发布在  其他
关注(0)|答案(2)|浏览(118)

我正在尝试创建一个没有边距的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的周围仍然有一个边距。我做错了什么?谢谢你的帮助!

ovfsdjhp

ovfsdjhp1#

这是body的默认边距。浏览器为某些元素的某些CSS属性定义了某些默认值-这是其中之一。不幸的是,有时默认值因浏览器而异。
您应该使用所谓的Reset CSS或删除默认边距:

body { margin: 0; }

jsFiddle Demo

ehxuflar

ehxuflar2#

正文也有页边距。所以除非您将正文的页边距设置为0,否则它不会将该页的页边距完全设置为0。

相关问题