[分享]css两个盒子上下没有距离

在CSS中，有时候我们会遇到两个盒子上下没有距离的情况。这个问题可以通过调整盒子的margin和padding属性来解决。

.box1 {
  margin-bottom: 0; /* 或者将margin-bottom设置为0 */
}
.box2 {
  margin-top: 0; /* 或者将margin-top设置为0 */
} 

另外，我们也可以使用display属性将两个盒子变成行内元素或者浮动元素。

.box1,
.box2 {
  display: inline-block; /* 将两个盒子变成行内元素 */
}

.box1 {
  float: left; /* 或者将box1浮动到左侧 */
}
.box2 {
  float: right; /* 或者将box2浮动到右侧 */
} 

通过上述方法，我们可以轻松地解决两个盒子上下没有距离的问题。