一个div里放2*2个子div，每个子div之间留有间隙

您好！要实现您的需求，可以通过在子div和父div中设置margin和padding来实现间隙。具体操作如下：

HTML代码：

<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS代码：

.parent {
  display: flex; /* 将父div设置为flex布局 */
  flex-wrap: wrap; /* 子div超出宽度后自动换行 */
  justify-content: space-between; /* 子div之间留有间隙 */
}

.child {
  width: calc(50% - 10px); /* 子div宽度为父div宽度的一半减去间隙宽度 */
  height: 100px;
  margin-bottom: 20px; /* 子div之间留有间隙 */
  background-color: #ccc;
}

其中，父div使用了flex布局，并设置了子div之间留有间隙的属性。子div设置了宽度、高度和间隙等属性。

希望这能解决您的问题！如果还有什么不清楚的地方，请随时提问。