在網頁設計中，頁面分割是非常重要的，通過CSS可以實現頁面的分割，下面我們就來學習一下CSS的基礎知識。

.box{
width: 960px;
margin: 0 auto;
}

CSS中有一些基礎的樣式可以幫助我們進行頁面分割。上面這段樣式就是用來讓我們的頁面居中顯示的。

.box{
width: 960px;
margin: 20px;
}
.content{
float: left;
width: 680px;
}
.sidebar{
float: right;
width: 240px;
}
.clearfix:after{
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
zoom: 1;
}

除了居中之外，我們可能還需要兩欄布局，這時候，我們就可以使用上面的樣式。其中clearfix是一個用于清除浮動的樣式。

在上面的樣式中，我們定義了一個.box的容器，里面包含了一個.content和一個.sidebar。這里使用了float浮動的方式來分別實現兩欄布局。

.clearfix:after和.clearfix用于清除.content和.sidebar浮動時可能存在的高度問題，它能夠讓box容器自適應高度。

最后，值得注意的是，在進行頁面分割時，我們一定要注重布局的合理性和代碼的規范性。