CSS中讓多個(gè)盒子排列在同一橫排，可以使用以下三種方式：

1、使用float屬性

將盒子的float屬性設(shè)置為left或right，盒子就會(huì)浮動(dòng)到同一橫排，將兩個(gè)盒子分別設(shè)置為float: left和float: right，它們就會(huì)分別浮動(dòng)到左側(cè)和右側(cè)。

2、使用display屬性

將盒子的display屬性設(shè)置為inline或inline-block，盒子就會(huì)排列在同一橫排，將兩個(gè)盒子分別設(shè)置為display: inline和display: inline-block，它們就會(huì)分別排列到左側(cè)和右側(cè)。

3、使用flex布局

使用CSS的flex布局，可以將多個(gè)盒子排列在同一橫排，將兩個(gè)盒子分別設(shè)置為flex: 0 0 auto和flex: 1 1 auto，它們就會(huì)分別占據(jù)可用空間并排列到左側(cè)和右側(cè)。

在使用float屬性時(shí)，需要注意清除浮動(dòng)，避免影響其他元素的布局，在使用display屬性時(shí)，需要注意盒子的寬度和高度設(shè)置，避免出現(xiàn)過(guò)寬的盒子導(dǎo)致頁(yè)面錯(cuò)亂，在使用flex布局時(shí)，需要注意flex屬性的值設(shè)置，確保盒子能夠按照預(yù)期進(jìn)行布局。