html怎么让上下两个Div没有间距,也就是垂直地排列下来,而Div与下面...

发布网友发布时间：2022-05-06 17:34

我来回答

共1个回答

热心网友时间：2022-04-20 23:33

（1）一般有间距是因为浏览器的默认样式造成的

（2）网上有很多的样式重置方法

（3）最简单的就是下面这行，就是将所有的内外边距都设为0

*{margin:0px;padding:0;}

（4）完整例子

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    * {
        margin: 0px;
        padding: 0px;
    }

    .box {
        width: 100px;
        height: 100px;
    }

    .box1 {
        background: red;
    }

    .box2 {
        background: orange;
    }
    </style>
</head>

<body>
    <a href="#">这个是a标签</a>
    <div class="box box1"></div>
    <div class="box box2"></div>
</body>

</html>

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com