max-width

#main { width: 600px; margin: 0 auto; } 設定塊級元素的 width 可以阻止它從左到右撐滿容器。然後你就可以設定左右外邊距為 auto 來使其水準居中。元素會占據你所指定的寬度，然後剩餘的寬度會一分為二成為左右外邊距。 唯一的問題是，當浏覽器視窗比元素的寬度還要窄時，浏覽器會顯示一個水準滾動條來容納頁面。讓我們再來改進下這個方案... #main { max-width: 600px; margin: 0 auto; } 在這種情況下使用 max-width 替代 width 可以使浏覽器更好地處理小視窗的情況。這點在移動裝置上顯得尤為重要，調整下浏覽器視窗大小檢查下吧！ 順便提下， 所有的主流浏覽器包括IE7+在内都支援 max-width ，是以放心大膽的用吧。、

本文轉自 風雨蕭條 51CTO部落格，原文連結：http://blog.51cto.com/1095221645/1745115，如需轉載請自行聯系原作者