CSS div 橫排是一種常用的布局方式，可以方便地將多個div元素水平排列在一行中。在實現這種布局時，需要用到CSS的display和float屬性。

div{
display:inline-block;
float:left;
margin-right:10px;
}

使用上述CSS代碼可以讓多個div元素在一行中橫向排列。其中，display屬性設置為inline-block可以讓div元素顯示為行內塊元素，使其可以在同一行內排列。同時，float屬性設置為left可以讓元素向左浮動，避免了元素的獨占一行的情況。margin-right屬性設置為10px可以讓每個元素之間留有一定的間隔。

此外，還可以使用CSS的flex布局來實現div元素的橫向排列。flex布局相比于float布局，具有更強的靈活性和適應性。

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

使用上述CSS代碼可以讓多個div元素在行內水平平分，并且在每個div元素之間留有指定的距離。其中，display屬性設置為flex可以啟用flex布局。justify-content屬性設置為space-between可以讓元素水平平分，并在每個元素之間留有指定的距離。

總的來說，CSS div 橫排是一種常用的元素布局方式，為我們進行網頁布局提供了更加方便和靈活的選擇。