網(wǎng)站設(shè)計(jì)中，頁面布局是非常重要的一環(huán)。CSS作為一種樣式表語言，不僅可以美化網(wǎng)站，還可以通過控制頁面元素的大小、位置與排列，來實(shí)現(xiàn)各種各樣的頁面布局。以下是CSS怎樣控制頁面布局的主要方法。

1. 盒子模型

.box {
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid #ccc;
margin: 20px;
}

在CSS中，每個(gè)元素都被視為一個(gè)矩形的盒子。盒子模型包括四個(gè)部分：內(nèi)容（content）、內(nèi)邊距（padding）、邊框（border）和外邊距（margin），這四個(gè)部分都可以通過CSS進(jìn)行控制。

2. 浮動(dòng)

.left {
float: left;
width: 200px;
}
.right {
float: right;
width: 200px;
}

浮動(dòng)可以讓元素脫離文檔流，使得元素可以在頁面中“浮動(dòng)”，并且在空間允許的情況下，可以將多個(gè)元素進(jìn)行排列。

3. 定位

.box {
position: relative;
left: 50px;
top: 50px;
}

通過定位，可以對(duì)元素進(jìn)行精確的控制，可以將元素放置在頁面的任何位置，并且可以使得元素不隨頁面滾動(dòng)而移動(dòng)。

4. 彈性盒子

.container {
display: flex;
justify-content: space-between;
}
.item {
flex-basis: 200px;
}

彈性盒子布局是CSS3中新增的技術(shù)，它可以讓元素在容器中自適應(yīng)排列，從而達(dá)到響應(yīng)式布局的效果。

總之，通過CSS的盒子模型、浮動(dòng)、定位以及彈性盒子等技術(shù)，可以實(shí)現(xiàn)各種各樣的頁面布局，從而滿足不同需求的設(shè)計(jì)。在使用時(shí)，需要根據(jù)具體情況進(jìn)行選擇，并靈活運(yùn)用。