在CSS中，塊元素的橫向排列可以通過多種方法實(shí)現(xiàn)，浮動（float）和彈性布局（flexbox）是***常用的兩種方法。

1. 浮動（float）

浮動是一種使元素在容器內(nèi)水平排列的方法，通過給元素添加float屬性，可以使其按照指定的方向浮動。float: left;會使元素向左浮動，而float: right;則會使元素向右浮動。

.container {
  clear: both; /* 清除浮動，防止影響其他元素 */
}
.block1 {
  float: left;
  width: 50%; /* 可以根據(jù)需要調(diào)整寬度 */
}
.block2 {
  float: right;
  width: 50%; /* 可以根據(jù)需要調(diào)整寬度 */
}

2. 彈性布局（flexbox）

彈性布局是一種更現(xiàn)代且靈活的方法，它允許你輕松地在容器內(nèi)對齊和排列元素，通過給容器添加display: flex;屬性，可以使其子元素按照指定的方向排列。flex-direction: row;會使元素水平排列，而flex-direction: column;則會使元素垂直排列。

.container {
  display: flex;
  justify-content: space-between; /* 在元素之間添加空間 */
}
.block1 {
  flex: 1; /* flex屬性定義了在容器內(nèi)的空間分配 */
}
.block2 {
  flex: 1; /* flex屬性定義了在容器內(nèi)的空間分配 */
}

浮動（float）：通過float屬性使元素在容器內(nèi)水平排列，需要清除浮動以防止影響其他元素。

彈性布局（flexbox）：通過display: flex;和flex-direction: row;使元素在容器內(nèi)水平排列，提供靈活的布局選項(xiàng)和更好的瀏覽器兼容性。

選擇哪種方法取決于你的具體需求和瀏覽器兼容性要求。