我正在尝试创建一个没有边距的div(作为整个页面的标题)。我尝试了这个:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.test {
height: 100px;
margin: 0;
background-color: #000000;
}
</style>
</head>
<body>
<div class="test"> </div>
</body>
</html>
但是div的周围仍然有一个边距。我做错了什么?谢谢你的帮助!
2条答案
按热度按时间ovfsdjhp1#
这是
body
的默认边距。浏览器为某些元素的某些CSS属性定义了某些默认值-这是其中之一。不幸的是,有时默认值因浏览器而异。您应该使用所谓的Reset CSS或删除默认边距:
jsFiddle Demo
ehxuflar2#
正文也有页边距。所以除非您将正文的页边距设置为0,否则它不会将该页的页边距完全设置为0。