使用CSS中的盒子模型可以很好地布局網頁上的各種元素。盒子模型指的是每個HTML元素被視為一個矩形盒子，包括四個屬性：內容(content)、內邊距(padding)、邊框(border)和外邊距(margin)。 盒子模型通常使用CSS樣式進行控制，其中padding和margin設置的單位可以是px、em和%等。 您可以通過在選擇器中使用“box-sizing”屬性來更改盒子模型的默認行為。 例如，以下代碼將將盒子模型設置為“border-box”，使“padding”和“border”屬性在元素的寬度和高度內計算，而不是追加到元素的寬度和高度之外：

* {
box-sizing: border-box;
}

在使用盒子模型時，您還可以使用“display”屬性來更改HTML元素的盒子類型。例如，使用“display:inline-block”將元素相對于周圍的文本垂直對齊，并使塊級元素保持其水平布局的特征。

p {
display: inline-block;
}

您還可以使用CSS“float”屬性來控制元素在網頁上的布局方式。浮動元素可以使其他元素向其排列，并創建類似于兩欄或三欄網頁布局的效果。

#leftColumn {
float: left;
width: 25%;
}
#rightColumn {
float:right;
width: 75%;
}

總之，盒子模型是CSS中重要的一個概念，掌握其應用可以更好地控制網頁中的布局。請確保熟悉常見的屬性和值，包括“box-sizing”、“display”、“padding”、“margin”和“float”，以充分利用這些功能。