CSS中，我們可以使用多種方法將div元素橫向排列，以下是一種常見的方法，使用CSS的display屬性和float屬性來實現(xiàn)。

我們需要創(chuàng)建一個包含多個div元素的HTML結(jié)構(gòu)，每個div元素可以是一個塊級元素，

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

我們可以在CSS中使用display: flex;屬性將容器內(nèi)的元素橫向排列，我們可以使用float: left;屬性確保這些元素始終浮動在左側(cè)。

.container {
  display: flex;
  float: left;
}
.box {
  width: 100px;
  height: 100px;
  background-color: red;
  margin: 10px;
}

在這個例子中，我們創(chuàng)建了一個包含三個div元素的容器，并將它們橫向排列，每個div元素的寬度和高度都設(shè)置為100像素，背景顏色為紅色，并且具有10像素的外邊距，您可以根據(jù)需要調(diào)整這些樣式。

使用float: left;屬性可能會導致一些布局問題，特別是在使用IE瀏覽器時，如果您需要支持IE瀏覽器，可能需要使用其他方法來實現(xiàn)橫向排列。