banner 区域使用定位后浏览器缩小依然会改变其位置的解决方法

banner区域写了定位，但是浏览器缩小依然会跑到其他位置（应该始终都是居中的）

解决方法：给banner设置width：100%；

<!--banner-->
		<div class="banner">
			<div class="pic">
				<img src="img/banner.jpg" alt="" />
			</div>
			
		</div>

CSS样式

/*banner*/
.banner{height:385px;overflow:hidden; position:relative;width:100%;}
.banner .pic{height:385px;width:1600px;position:relative;left:50%; margin-left:-800px;}
.banner .pic img{width:100%;}