CSS是網頁設計中非常重要的一部分，它的作用是控制網頁的樣式和布局。其中，橫向排列也是非常常見的一種布局方式。

.container {
display: flex;
}
.item {
flex: 1;
}

橫向排列的原理就是利用CSS3新增的Flexbox（彈性盒子布局）屬性，通過設置容器元素的display屬性為flex，從而將容器元素內部的子元素進行橫向排列。

對于子元素，我們可以設置其中一個元素的flex屬性值為1，來使該元素占據剩余空間的全部寬度，其他元素則可以按照需求設置具體的寬度。

通過使用Flexbox屬性，我們可以輕松地實現橫向排列的布局，在網站設計中可以起到非常好的作用。