在同一个div下,多个div我想要横向排列

可以使用CSS的flexbox布局来实现多个div横向排列。具体做法是，在包含这些div的父元素上设置display: flex;，然后再设置flex-direction: row;，这样子元素就会自动横向排列。例如：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

.container {
  display: flex;
  flex-direction: row;
}

.box {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin-right: 10px;
}

这样就可以让三个宽高为100px的div横向排列，并且它们之间有10px的间距。