原因
当浏览器窗口缩小到小于内层div时,实际内层div元素的宽度大于浏览器宽度,因而被撑开了。
解决办法
在css中为可见区域(整体内容)设置最小宽度。
为最外层div或body加上min-1200px(整体内容的最小宽度);
因为ie6不支持min、max 所以为了兼容需要在加上expression(document.body.clientWidth <= 1200? "1200px": "auto");这句话的解释是当页面body(内容主题/可见区域)的宽度小于等于1200px时就设为1200px.否则,页面居中。(最好使用js来写,而不要使用expression表达式)