如何避免两节之间的空格

<div>第一节</div><div>第二节</div>

<div class="container">
  <div>第一节</div>
  <div>第二节</div>
</div>

.container {
  font-size: 0;
}

.container div {
  font-size: 16px; /* 恢复正常的字体大小 */
}

<div>第一节</div>
<div style="margin-left: -4px;">第二节</div>

<div>第一节</div>
<div>第二节</div>

div {
  float: left;
}

<div class="container">
  <div>第一节</div>
  <div>第二节</div>
</div>

.container {
  position: relative;
}

.container div {
  position: absolute;
  top: 0;
  left: 0;
}

<div class="flex-container">
  <div>第一节</div>
  <div>第二节</div>
</div>

.flex-container {
  display: flex;
}

<div class="grid-container">
  <div>第一节</div>
  <div>第二节</div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
}