随着浏览器分辨率的增加，图片也越来越大，但图片展示的时候，很多要求根据浏览器分辨率居中显示，用下面的办法可以实现

例如banner位置，宽度定义为1200px，里面包含宽度为1920的效果图，banner的样式定义如下：

#banner
{
width:1200px;
height:518px;
margin:0 auto;
overflow:visible!important;
}

效果图Div的样式定义如下：

.wrapper {width:1920px; margin-left:-960px;left: 50%;position: relative;}

这里的这三个定义很关键，一个是负的左边距，是宽度的一半，这样就可以保证在不同浏览器下都居中显示： margin-left:-960px;left: 50%;position: relative;

如果出现了水平滚动条，就用下面的样式隐藏吧：

html{overflow-x:hidden; overflow-y:auto;},