離不開HTML、CSS和JS，傳統的布局方式一般使用固定的尺寸來完成排版布局，這種方式被稱為靜態布局。靜態布局是最為原始的布局方式，沒有什么技術性可言，往往是計算機行業剛剛入門的小白使用的布局方式。網頁制作標準以像素px為基本組成單位。

1.布局特點

不管瀏覽器尺寸具體是多少，網頁布局始終按照最初寫代碼時的布局來顯示。常規的pc的網站都是靜態（定寬度）布局的，也就是設置了min-width，這樣的話，如果小于這個寬度就會出現滾動條，如果大于這個寬度則內容居中外加背景，這種設計常見于pc端。

2.設計方法

PC：居中布局，所有樣式使用絕對寬度/高度(px)，設計一個Layout，在屏幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分。

移動設備：另外建立移動網站，單獨設計一個布局，使用不同的域名如wap.或m.。

優點：這種布局方式對設計師和CSS編寫者來說都是最簡單的，亦沒有兼容性問題。

缺點：顯而易見，即不能根據用戶的屏幕尺寸做出不同的表現。當前，大部分門戶網站、大部分企業的PC宣傳站點都采用了這種布局方式。固定像素尺寸的網頁是匹配固定像素尺寸顯示器的最簡單辦法。但這種方法不是一種完全兼容未來網頁的制作方法，我們需要一些適應未知設備的方法。