前端 HTML中让上下两个div之间保持一定距离或没有距离

这篇文章主要为大家详细介绍了HTML 让上下两个DIV之间保持一定距离或没有距离，可以用来参考一下。

1、若想上下DIV块之间距离，只需设定：在CSS里设置DIV标签各属性参数为0div{margin:0;border:0;padding:0;}

这里就设置了DIV标签CSS属性相当于初始化了DIV标签CSS属性，这里设置margin外边距为0； 边框border属性为0和内补白也为0；这样相当于就初始化了DIV之间距各属性距离为0， 这样就不会造成DIV直接有一定的距离。

2、如果想上下两个DIV间有距离的话，只需设定div中的margin属性即可，本例中div属性对全局DIV块都适用，代码如下：

经测试代码如下：

这里设置了DIV块的边界为5px，当有上下两个DIV块时，边界是重合的，按大的来，所以这里上下两个DIV块的距离是5px（只取其中大的边界值，此处全局设定都是5px）

如不想全局设置DIV块之间的边界，可在各个DIV块之间进行单独设置margin。注：关于HTML 让上下两个DIV之间保持一定距离或没有距离的内容就先介绍到这里

推荐链接