在 CSS 中，要實(shí)現(xiàn)橫向排列通常使用 display 屬性和 float 屬性，這兩個(gè)屬性可以使元素在橫向方向上排列。

.item {
display: inline-block;
float: left;
margin-right: 20px;
}

上述代碼中，item 類所在的元素會(huì)被設(shè)置為內(nèi)聯(lián)塊，這意味著它們會(huì)被橫向排列，同時(shí)也會(huì)保留它們自身的樣式（不會(huì)像 display: block 一樣占據(jù)一整行）。使用 float: left 屬性也可以使元素在橫向方向上排列，同時(shí)也會(huì)使元素脫離文檔流，需要注意清除浮動(dòng)。

.item {
float: left;
margin-right: 20px;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}

上述代碼中，item 元素會(huì)被設(shè)置為浮動(dòng)，使用 clearfix 類來清除浮動(dòng)。clearfix 類的 ::after 偽元素內(nèi)容為空，后面利用 display: table; 和 clear: both; 來清除浮動(dòng)，使得浮動(dòng)元素的父元素可以正確的包含它們。