页面缩小之后为什么排版都变了，应该怎样布局才不会乱！？？

只要在最外面再套一层div，然后给这个div赋一个固定的长宽就可以了。
代码是这样：
    比如在最外层套一个
    <div id="main"></div>

    main的css代码如下：
    #main{
width:1230px;
height:500px;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
    }
    放到你的#body后面