html 设置两个标签的相对距离_HTML 让上下两个DIV之间保持一定距离或没有距离...

1、若想上下DIV块之间距离，只需设定：在CSS里设置DIV标签各属性参数为0

div{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{margin:5px;border:0;padding:0;}

#Box1{

width:200px;

height:72px;

background-color:#666;

}

#Box2{

width:200px;

height:72px;

background-color:#F0F;

}

让上下两个DIV块之间有一定距离或没有距离

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

效果图：

如不想全局设置DIV块之间的边界，可在各个DIV块之间进行单独设置margin。