html设置div位置为左中右

可以使用 CSS 中的 flex 布局来实现。

首先，在 HTML 中创建三个 div，分别代表左、中、右三个位置，例如：

<div class="container">
  <div class="left">左侧内容</div>
  <div class="center">中间内容</div>
  <div class="right">右侧内容</div>
</div>

接着，在 CSS 中设置 container 的 display 为 flex，并设置 justify-content 属性为 space-between，这样左中右三个 div 就会按照空间均分的方式排列：

.container {
  display: flex;
  justify-content: space-between;
}

如果要让左、中、右三个 div 的宽度不一样，可以使用 flex-basis 属性来设置宽度，例如：

.left {
  flex-basis: 200px;
}

.center {
  flex-basis: 50%;
}

.right {
  flex-basis: 100px;
}

这样就可以实现左、中、右三个位置的布局了。