在CSS中布局盒子是非常重要的一個技術。對于初學者來說，了解基本的CSS盒模型是必不可少的。在這里，我們將介紹CSS布局兩個盒子的一些基礎知識。

首先，我們需要知道在CSS中每個元素都是一個盒子。這個盒子由四個部分組成：外邊距，邊框，內邊距和內容。當我們進行盒子布局時，我們通常考慮盒子的寬度，高度，位置和間距。

.box1 {
width: 200px;
height: 200px;
background-color: #e0e0e0;
margin-right: 20px;
float: left;
}
.box2 {
width: 200px;
height: 200px;
background-color: #f0f0f0;
float: left;
}

以上是兩個盒子的基礎CSS樣式。在這個例子中，我們設置兩個盒子的寬度和高度都為200px。我們還為第一個盒子設置了右邊距為20px，并使用float屬性向左浮動。這樣，第二個盒子就會在第一個盒子的右側緊密排列。

這些CSS樣式看起來很簡單，但這種盒子布局可以應用到許多不同類型的布局中，包括網格布局、響應式布局等等。

在這里，我們只是介紹了一些基本的CSS盒子布局知識。當您熟悉了更多的布局技巧和屬性之后，您將能夠創建更復雜的和動態的網頁布局。