HTML图片与上面的div有空隙,div与div之间有空隙的解决方法

今天在制作页面的时候发现两个div之间有空隙导致两个本来应该在一起的效果，这里结合一下解决方法。

当你使用HTML div块与块的中间不能紧密连接 怎么都解决不了时

1、可以在中间内容里加一个

* {

margin:0;

padding:0;

}

2、上下div之间有间距的问题

我写了4个div,上下分布,均存在间距,代码以及效果如下:

.div1{

height:100px;

background-color:blue;

position:relative;

}

.div2 {

height:100px;

background-color:blueviolet;

position:relative;

}

.div3{

height:100px;

background-color:red;

position:relative;

}

.div4{

height:100px;

background-color:yellow;

position:relative;

}

然后,我尝试在每个div中加margin:0来去掉div之间的间距,代码如下:

.div1{