怎么让div可以横向排列，

为了让div元素水平（横向）排列，你可以使用CSS布局技术来实现。主要有两种常见的方式：

1. **块级元素默认排列**：如果你的div标签设置了`display: block;` 或者 `display: inline-block;` 属性，默认情况下，它们会按照从左到右的顺序堆叠显示，形成横向排列。

   .horizontal-divs {
     display: flex; /* 或者 display: -webkit-flex; 对于旧版浏览器 */
   }
   
   .horizontal-divs > div {
     flex: 1; /* 分配空间，使得所有div平均分配宽度 */
   }

2. **流式布局**：使用Flexbox布局（如上面例子所示），只需将`.horizontal-divs` 的 `display` 设置为 `flex`，然后给每个内部的 `div` 设置适当的伸缩比例，例如使用 `flex: 1`，它们就会平分可用的空间并按顺序排列。

3. **网格布局**：对于更复杂的布局，可以使用 CSS Grid。创建一个 grid 区域（grid container），然后将 div 定义为 grid items。例如：

   .grid-container {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); /* 自适应列宽 */
   }
   
   .grid-container > div {
     padding: 10px;
   }

以上三种方法都可以让你的div元素水平排列。选择哪种取决于具体的项目需求和兼容性考虑。