css两个div元素距离调整

<p>CSS中，元素之间的距离调整是十分重要的，尤其是两个相邻的div元素。</p>
<p>要调整这两个div元素之间的距离，有几种方法可以尝试：</p>

<pre>  .div1 {
      margin-bottom: 20px;
    }
    .div2 {
      margin-top: 20px;
    } 

可以通过margin属性来进行调整，将第一个div元素的下边距（margin-bottom）设为20px，将第二个div元素的上边距（margin-top）设为20px，这样两个div之间就会出现20px的空隙。

  .div1 {
      padding-bottom: 20px;
    }
    .div2 {
      padding-top: 20px;
    } 

还可以通过padding属性来进行调整，将第一个div元素的下内边距（padding-bottom）设为20px，将第二个div元素的上内边距（padding-top）设为20px，同样可以实现20px的距离调整。

无论通过哪种方式进行调整，一定要注意两个div元素之间不要出现重叠的情况，否则会影响页面的美观度。