[分享]css两个div之间间距

CSS中，如何设置两个DIV之间的间距呢？一般来说，通过margin属性来设置div之间的间距是最常见的方法。例如：

  .box{
      background-color: #eee;
      width: 200px;
      height: 200px;
      margin-bottom: 20px;
    } 

上述代码中，我们创建了一个.class名为box的DIV，它的宽度和高度都为200px，并且在下方设置了20px的margin-bottom，这样就实现了两个div之间的间距。并且，这种方式也适用于两个相邻的块级元素之间的间距。

另外，通过padding属性来设置div之间的间距也是一种方法。例如：

  .box{
      background-color: #eee;
      width: 200px;
      height: 200px;
      padding-bottom: 20px;
    } 

上述代码中，我们创建了一个.class名为box的DIV，它的宽度和高度都为200px，并且在下方设置了20px的padding-bottom，这样就实现了两个div之间的间距，但是，与margin不同的是，padding会改变元素内容的大小，这一点需要注意。

总之，在实际开发中，我们可以根据具体需求选择不同的方法来设置div之间的间距，以达到最理想的效果。