在網頁設計中，畫平面圖是一個非常重要的步驟。平面圖可以幫助我們預覽網頁的布局和設計，并且可以快速確定需要加入哪些元素和樣式。今天我們來討論如何使用CSS繪制平面圖。

/* 首先，我們需要為網頁設置一個容器 */
.container {
width: 960px;
margin: 0 auto;
/* 這里的樣式只是一個示例，可以根據自己的需要進行修改 */
}
/* 然后，我們開始繪制平面圖 */
.header {
height: 80px;
background-color: #333;
}
.nav {
height: 40px;
background-color: #ccc;
}
.content {
float: left;
width: 660px;
background-color: #f2f2f2;
}
.sidebar {
float: right;
width: 240px;
background-color: #ddd;
}
.footer {
clear: both;
height: 60px;
background-color: #666;
}

以上代碼是一個簡單的平面圖示例，我們可以看到，我們首先創建了一個容器，寬度為960px，并將其水平居中。然后，我們分別創建了一個頭部、導航、內容、側邊欄和頁腳等區塊，并通過CSS為它們設置了不同的高度、寬度和背景顏色等屬性。

需要注意的是，我們使用了float屬性來控制內容和側邊欄的位置，同時還使用了clear:both屬性來清除浮動。這些技巧在實際的網頁布局中非常常用。

總之，使用CSS來畫平面圖是一個簡單而又實用的技能，它可以幫助我們更好地預覽和設計網頁布局，并且可以提高我們的 CSS 技能水平。希望本文對您有所幫助！