<div class="banner"><img src="banner.jpg" /></div>
css的话，如果要让banne居中的话
.class .{ margin:0 autowidth:980px}
是要实现通栏大图的效果吧，你可以添加以下样式即可：.top {
width: 1920px
height: 1000px
position: absolute
margin-left: -460px
z-index: 0
}
主要是position: absolute和margin-left: -960px这两个样式的作用，当然其他样式也同样不可少。
但能让图片突破980px的框架显示通栏，就是这两个样式的功劳了。
我这边正好也要给我的同事培训这方面的知识，就简单写了篇博客，里面有更详细的介绍，可以百度以下内容找到：
天猫，京东，当当等店铺如何实现通栏大图[xyytIT]
如果百度快照还没收录，可以hi我
最下面的div可以不做定位，这样div曾会按正常顺序排列，始终在底部。宽度设置100%<div>横幅</div>
<div>内容</div>
<div>底部横幅</div>
==底部横幅是嵌套的，外层：宽100%，居中，背景横向平铺；内层：宽980，高度固定
其实，这个顶部横幅也是嵌套的，不然没效果
100%宽度的意义是使页面适应所有浏览器的宽度，很重要
