<div style="width:1200px;height:700px;margin:0 auto;position:relative;"> <img style="display:block;width:158%;height:700px;position:absolute/*relative*/;left:-30%;" src="Img/s.png" /> </div>
假定主區域寬1200px並讓其居中，如上面的div盒子所示。
如何讓1900px寬的banner大圖主區域（即banner圖中間的1200px）在div（1200px寬）中顯示呢？
我的做法如上，將img變成塊級元素，讓它的width設為158%（這個比值是1900px比1200px得來的）,left設為-30%（這個值是1900-1200=700,700除以2=350,350除以1200的到的），呵呵，繞來繞去的百分比是吧，沒關系，由於外面的盒子主區域寬度固定，所以img寬度和left屬性也可以直接給絕對值，像下面這樣：
<div style="width:1200px;height:700px;margin:0 auto;position:relative;">
<img style="display:block;width:1900px;height:700px;position:absolute/*relative*/;left:-350px;" src="Img/s.png" />
</div>
這樣也就不用擔心縮放啦（看看ctrl+鼠標滾輪縮放吧，是不是發現主區域依然在正確的位置呢）
不過上面的設置還有點問題，那就是會出現水平滾動條，解決方法是在包裹div盒子的元素上使用overflow-x:hidden