在網站開發中，CSS布局是非常重要的一個環節。它可以幫助我們實現網頁的美觀、結構化和響應式等功能。本文將介紹簡單的CSS布局方法，讓大家快速上手。

.container {
width: 960px;
margin: 0 auto;
}
.header {
height: 100px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 100px;
}
.nav {
height: 50px;
background-color: #ccc;
}
.main {
width: 650px;
float: left;
background-color: #eee;
padding: 20px;
}
.sidebar {
width: 250px;
float: right;
background-color: #ddd;
padding: 20px;
}
.footer {
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
}

首先我們定義一個容器，它的寬度為960像素，居中顯示。然后分別定義頭部、導航、主體、側邊欄和底部的樣式。頭部和底部的高度分別為100像素和50像素，背景顏色為黑色，文本顏色為白色，字體居中且行高等于高度。導航欄的高度為50像素，背景顏色為灰色。主體部分的寬度為650像素，左浮動，背景顏色為灰色，內邊距為20像素。側邊欄的寬度為250像素，右浮動，背景顏色為淡灰色，內邊距為20像素。

以上就是一個簡單的CSS布局實現，大家可以根據實際需要對JS代碼進行修改或擴展。希望大家能夠通過本文了解到簡單的CSS布局方法，并且在實際項目中得到應用，從而實現更好的用戶體驗和更高的技術水平。