[分享]css两个div上下间距

在CSS中，设置两个div之间的上下间距非常简单。首先，在HTML中我们要在这两个div的之间添加一些空白字符（如回车符、空格符等），然后再在CSS中对这些空白字符进行调整。Div 1 Div 2 在...

在CSS中，设置两个div之间的上下间距非常简单。首先，在HTML中我们要在这两个div的之间添加一些空白字符（如回车符、空格符等），然后再在CSS中对这些空白字符进行调整。

<div class="div1">Div 1</div>

<div class="div2">Div 2</div> 

在上面这段代码中，我们在两个div之间添加了一个换行符，即

和之间有一个换行符。

.div1 {
  margin-bottom: 20px;
}

.div2 {
  margin-top: 20px;
} 

在上面这段CSS代码中，我们对

设置了一个下边距（margin-bottom）为20个像素，对设置了一个上边距（margin-top）为20个像素。

通过以上的操作，我们就可以在两个div之间实现上下间距的效果。如果需要修改间距的大小，只需修改CSS中的margin值即可。