離不開HTML、CSS和JS，傳統(tǒng)的布局方式一般使用固定的尺寸來完成排版布局，這種方式被稱為靜態(tài)布局。靜態(tài)布局是最為原始的布局方式，沒有什么技術(shù)性可言，往往是計算機行業(yè)剛剛?cè)腴T的小白使用的布局方式。網(wǎng)頁制作標(biāo)準(zhǔn)以像素px為基本組成單位。

1.布局特點

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

2.設(shè)計方法

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

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

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

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