body标签自带margin值

最新推荐文章于 2025-03-04 10:10:06 发布

zmj2051176726

最新推荐文章于 2025-03-04 10:10:06 发布

阅读量2.9k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/xiaoxingxingzai/article/details/102612989

版权

html 专栏收录该内容

8 篇文章

订阅专栏

由于一般浏览器都给body设置了8px的 margin值，因此如果我们不做单独的处理，那么他就会留存一个间隙。
块元素好多都有默认边距，因此我们需要消除他们以方便进行统一设置。
例如：

<style>
    div{
        width: 100px;
        height: 100px;
        background-color: red;
        margin: 0;/*以为是外边距设为0就行，其实不是，而是body的margin*/
    }
</style>
<body>
<div></div>
</body>

在这里插入图片描述
把body的margin设为0后，左边和头部就没有缝隙

<style>
    body{
        margin: 0;
    }
    div{
        width: 100px;
        height: 100px;
        background-color: red;
    }
</style>
<body>
<div></div>
</body>

在这里插入图片描述