靜態布局是CSS中最基礎的布局方式之一，它指的是元素在頁面中的位置和大小都是事先定義好的，并不會隨著瀏覽器窗口大小的改變而調整。這種布局方式在一些簡單的頁面中可以發揮較好的效果。

/* CSS代碼 */
.container {
width: 960px;
margin: 0 auto;
}
.header {
height: 100px;
background-color: #f1f1f1;
}
.nav {
height: 40px;
background-color: #ccc;
}
.content {
width: 700px;
float: left;
}
.sidebar {
width: 260px;
float: right;
}
.footer {
height: 60px;
background-color: #f1f1f1;
}

以上是一個簡單的靜態布局例子，其中container為整個頁面的容器，寬度為960px，并通過“margin: 0 auto;”讓整個容器居中。header、nav、content、sidebar、footer是頁面中的不同區塊。其中header、nav和footer的高度是一致的，content和sidebar的寬度比例為7:3，并通過“float”屬性讓它們左右排列。這樣，整個頁面就完成了簡單的靜態布局。

需要注意的是，靜態布局并不能隨意應用于所有場景，并不是所有的頁面都適合使用這種布局方式。在復雜多變的頁面中，使用這種布局方式可能會產生很多問題，如兼容性、頁面重復加載等方面的問題。因此，在實際應用中需要根據實際情況選擇合適的布局方式。