带有3列的div结构

<div class="container">
  <div class="column">Column 1</div>
  <div class="column">Column 2</div>
  <div class="column">Column 3</div>
</div>

.container {
  overflow: hidden; /* 清除浮动 */
}

.column {
  width: 33.33%; /* 设置每列宽度为三分之一 */
  float: left; /* 设置浮动 */
}

<div class="container">
  <div class="column">Column 1</div>
  <div class="column">Column 2</div>
  <div class="column">Column 3</div>
</div>

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 使用网格布局，并设置每列宽度为1fr，平均分配空间 */
  grid-gap: 10px; /* 设置列之间的间隔 */
}

.column {
  /* 可根据需求设置其他样式 */
}