在當今用戶的顯示器越來越大的今天，之前的1024*768固寬布局有點越來越不合時宜，對大屏幕的用戶而言，兩側(cè)空空的留白給人第一眼的印象是嚴重的屏幕浪費，作為網(wǎng)頁設計師的你有責任給這一批用戶一個良好的用戶界面。
當然為了減少這種屏幕的浪費，采用彈性流體布局是最好的解決方案，它可以充分利用屏幕空間，無論你是多大分辯率的用戶，都能盡情滿屏展示內(nèi)容。然而因為種種限制，目前的網(wǎng)頁完全采用流體彈性布局條件還不具備(特別是瀏覽器廠商對標準的肆意蹂躪以及css標準的不完全支持等等)。作為夾在用戶和廠商的中間者，我們只能以一種兼容的心態(tài)去適應兩者的差距。所以，作為一種過渡的解決方案，有了這樣一種布局：彈性+固寬布局。
這里所說有彈性，指的是背景去自適應屏幕寬度，而固寬呢，則是讓正文內(nèi)容無論在寬屏還是窄屏中都能自動居中。夾縫中求生存，以滿足不同大小分辯率用戶的需要。如下圖所示的設計就是一個典型的樣例。
圖一
廢話少說，言歸正傳，我們就來制作一個這樣的布局結(jié)構(gòu)：
首先構(gòu)建結(jié)構(gòu)層：
新聞熱點
疑難解答
