浏览器缩小后右边出现空白

原因

当浏览器窗口缩小到小于内层div时，实际内层div元素的宽度大于浏览器宽度，因而被撑开了。

 

解决办法

在css中为可见区域（整体内容）设置最小宽度。

为最外层div或body加上min-width:1200px（整体内容的最小宽度）;

因为ie6不支持min、max 所以为了兼容需要在加上width:expression(document.body.clientWidth <= 1200? "1200px": "auto")；这句话的解释是当页面body（内容主题/可见区域）的宽度小于等于1200px时就设为1200px.否则，页面居中。（最好使用js来写，而不要使用expression表达式）