在CSS中，您可以使用多種方法將多個框排列在一起，以下是一些常見的布局方法：

1、浮動布局（Floats）：

- 通過設(shè)置元素的float屬性，您可以使元素浮動到其父元素的左側(cè)或右側(cè)，從而創(chuàng)建多個框的并列布局。

- 示例：

```css

.box {

float: left;

width: 50%;

}

```

2、內(nèi)聯(lián)塊布局（Inline-Block）：

- 將元素設(shè)置為display: inline-block，可以使其像塊級元素一樣排列，但保留內(nèi)聯(lián)元素的特性，如寬度和高度。

- 示例：

```css

.box {

display: inline-block;

width: 50%;

}

```

3、Flexbox布局：

- Flexbox是一個強(qiáng)大的布局工具，允許您輕松控制元素的排列和對齊。

- 示例：

```css

.container {

display: flex;

}

.box {

flex: 1;

}

```

4、Grid布局：

- Grid布局允許您創(chuàng)建復(fù)雜的二維布局，通過行和列來定義元素的排列。

- 示例：

```css

.container {

display: grid;

grid-template-columns: 1fr 1fr;

}

.box {

grid-column: 1;

}

```

5、定位布局（Positioning）：

- 通過設(shè)置元素的position屬性為absolute或relative，您可以控制元素在文檔中的***位置。

- 示例：

```css

.box {

position: absolute;

top: 0;

left: 0;

}

```

這些方法可以根據(jù)您的具體需求進(jìn)行組合使用，從而實現(xiàn)復(fù)雜的布局效果，希望這些示例能幫助您理解如何在CSS中有效地排列多個框。