幾種布局
1.固定布局
最佳頁面寬度應(yīng)該介于974px到984px之間。但相比其他數(shù)值而言，
960對(duì)網(wǎng)格布局則更加友好（因?yàn)?60可以被3、4、5、6、8、10、12和15整除，所
以可以為網(wǎng)格布局提供多種可能）
固定布局帶給我們的所謂“一致性”的優(yōu)點(diǎn)其實(shí)也帶有些許誤導(dǎo)。如果你的
站點(diǎn)是960px寬的，當(dāng)訪客使用屏幕較小（假設(shè)是800px寬）的設(shè)備瀏覽站點(diǎn)時(shí)，他
將只能看到站點(diǎn)的一部分，而且還會(huì)看到一個(gè)丑陋的水平滾動(dòng)條
2.流動(dòng)布局
在流動(dòng)布局中，度量的單位不再是像素，而是變成了百分比，這樣可使頁面具有
可變的特性。為元素的寬度會(huì)根據(jù)瀏覽器窗口的寬度自動(dòng)進(jìn)行調(diào)整。
也就避免了在使用大屏幕設(shè)備瀏覽固定布局時(shí)，人們所不愿見到的大
片空白出現(xiàn)。
3.彈性布局
彈性布局與流動(dòng)布局類似，只是它們的度量單位不同——通常情況下，在
彈性布局中會(huì)以e m來作為單位。彈性布局帶來的另外一個(gè)好處是隨著用戶增大或者減小字體，使用彈性布局的
元素的寬度也會(huì)等比例地變化
但是，在彈性布局中也可能出現(xiàn)令人討厭的水平滾動(dòng)條。如果你把字體大小設(shè)置
為16px，并把容器寬度設(shè)置為55em，那么就會(huì)在任何寬度小于880px（16×55）
的屏幕中出現(xiàn)水平滾動(dòng)條。彈性布局中的這個(gè)問題甚至比固定布局中的情況還要
有更多的不確定性，因?yàn)槿绻脩舭炎煮w放大到了18px，那么你的容器寬度便會(huì)
達(dá)到990px（18×55）
4.混合布局
它結(jié)合了上面提到的兩種或兩種以上的布局方式。
例如，假設(shè)你有一個(gè)300px寬的廣告區(qū)域，那么你可以將放置廣告的邊欄指定為
固定的300px寬，其余各列的寬度則以百分比為單位。這樣做即保證了廣告的寬
度是固定的300px（考慮到第三方的廣告服務(wù)，這樣安排是很有必要的），同時(shí)
除邊欄之外的其他內(nèi)容也能填滿剩下的整個(gè)空間。
