div如何实现水平排列

要实现 div 元素的水平排列，可以使用 CSS 的 display 属性和 float 属性。具体方法如下：

1. 设置 div 元素的 display 属性为 inline-block 或 inline，使其变成行内块元素或行内元素。

2. 使用 float 属性将 div 元素向左或向右浮动。例如，设置 float: left; 可以将 div 元素向左浮动，实现水平排列。

3. 可以通过设置 div 元素的 width 和 margin 属性来控制元素的宽度和间距。

示例代码如下：

HTML:

<div class="container">
  <div class="box">Box1</div>
  <div class="box">Box2</div>
  <div class="box">Box3</div>
</div>

CSS:

.container {
  width: 100%;
  overflow: hidden;
}

.box {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  float: left;
}

其中，container 类用于包裹 box 类的 div 元素，使其水平排列。box 类设置元素的显示方式为行内块元素，设置元素的宽度、高度和间距，并将元素向左浮动。这样就可以实现 div 元素的水平排列了。