CSS中可以使用嵌套或并列的方式來放置兩個(gè)盒子。

1、嵌套方式：將一個(gè)盒子放在另一個(gè)盒子的內(nèi)部，通常使用HTML中的嵌套標(biāo)簽來實(shí)現(xiàn)，可以使用一個(gè)div標(biāo)簽來創(chuàng)建一個(gè)外部盒子，然后在該div標(biāo)簽內(nèi)部使用另一個(gè)div標(biāo)簽來創(chuàng)建內(nèi)部盒子。

<div style="width: 200px; height: 200px; background-color: #f0f0f0;">
    <div style="width: 100px; height: 100px; background-color: #cccccc;"></div>
</div>

上述代碼中，外部盒子的寬度和高度為200像素，背景顏色為#f0f0f0，內(nèi)部盒子的寬度和高度為100像素，背景顏色為#cccccc，內(nèi)部盒子將顯示在外部盒子的中央。

2、并列方式：將兩個(gè)盒子放在同一行中，通常使用CSS中的display屬性來實(shí)現(xiàn)，可以使用兩個(gè)div標(biāo)簽來創(chuàng)建兩個(gè)盒子，并將它們的display屬性設(shè)置為inline-block或flex。

<div style="width: 200px; height: 200px; background-color: #f0f0f0; display: flex;">
    <div style="width: 100px; height: 100px; background-color: #cccccc;"></div>
    <div style="width: 100px; height: 100px; background-color: #ff3333;"></div>
</div>

上述代碼中，外部盒子的寬度和高度為200像素，背景顏色為#f0f0f0，display屬性設(shè)置為flex，兩個(gè)內(nèi)部盒子的寬度和高度分別為100像素，背景顏色分別為#cccccc和#ff3333，這兩個(gè)內(nèi)部盒子將顯示在外部盒子的同一行中。