#main {
max-width: 600px;
margin: 0 auto;
}在这种情况下使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要，调整下浏览器窗口大小检查下吧！
顺便提下， 所有的主流浏览器包括IE7+在内都支持 max-width ，所以放心大胆的用吧。
代码实例：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#main {
max-width:500px;
margin:0 auto;
background-color: #65ca5c;
}
</style>
</head>
<body>
<div id="main">
在这种情况下使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要，调整下浏览器窗口大小检查下吧！
顺便提下， 所有的主流浏览器包括IE7+在内都支持 max-width ，所以放心大胆的用吧。
</div>
</body>
</html>效果图如下：
