在當今用戶的顯示器越來越大的今天，之前的1024*768固寬布局有點越來越不合時宜，對大屏幕的用戶而言，兩側空空的留白給人第一眼的印象是嚴重的屏幕浪費，作為網頁設計師的你有責任給這一批用戶一個良好的用戶界面。

當然為了減少這種屏幕的浪費，采用彈性流體布局是最好的解決方案，它可以充分利用屏幕空間，無論你是多大分辯率的用戶，都能盡情滿屏展示內容。然而因為種種限制，目前的網頁完全采用流體彈性布局條件還不具備(特別是瀏覽器廠商對標準的肆意蹂躪以及css標準的不完全支持等等)。作為夾在用戶和廠商的中間者，我們只能以一種兼容的心態去適應兩者的差距。所以，作為一種過渡的解決方案，有了這樣一種布局：彈性+固寬布局。

這里所說有彈性，指的是背景去自適應屏幕寬度，而固寬呢，則是讓正文內容無論在寬屏還是窄屏中都能自動居中。夾縫中求生存，以滿足不同大小分辯率用戶的需要。如下圖所示的設計就是一個典型的樣例。

圖一

廢話少說，言歸正傳，我們就來制作一個這樣的布局結構：

首先構建結構層：