網頁設計中最常見的布局之一就是通欄布局。通欄布局指的是將網頁全屏填充，讓內容無論在寬度上還是高度上都能夠全部展示。在實現通欄布局時，最常用的技術就是CSS。

body {
margin: 0;
padding: 0;
}
.header {
background-color: #333;
color: #fff;
height: 100px;
width: 100%;
}
.content {
width: 100%;
height: 1000px;
margin: 0 auto;
}
.footer {
background-color: #333;
color: #fff;
height: 100px;
width: 100%;
}

在上面的代碼中，我們首先將body的margin和padding都設置為0，這樣可以避免瀏覽器默認的邊距。然后，我們定義了三個類名分別是header、content和footer。header和footer分別代表頁面的頭部和底部，而content則是頁面的主體內容。

header和footer的寬度都設置為100%，這樣它們就可以占滿整個屏幕。具體的高度可以根據實際需求來設置，我們這里將它們都設置為100px。

在content中，我們將寬度設置為100%，同時設置了一個margin:0 auto。這樣可以讓content居中展示，并且寬度和頁面的寬度是一致的。

通過這些簡單的CSS設置，我們就可以實現一個基本的通欄布局。當然，在實際項目中，可能需要添加更多的樣式以及響應式布局適配不同的設備。