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

如题所述

(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>

温馨提示:答案为网友推荐,仅供参考
相似回答