當我們頁面的banner圖十分的寬，而我們想要讓圖居中顯示，並且超出瀏覽器的部分不會產生左右的滾動條，縮小頁面的時候還能看見超出瀏覽器的部分的內容，直到顯示完全。

要想達到這種效果我們可以通過幾段簡單的css程式碼就能完成：

img{
    margin:0 calc(50% - 圖片寬度一半);
    /*這裡的calc()可能有相容問題，可以加上webkit等字首解決相容問題；*/
}

還有就是我們通過position的寫法來固定圖片

img{
    position:absolute;
    left:50%;
    margin-left:-圖片寬度的一半px;
}

父元素的設定

.banner{
    position:relative;
    overflow:hidden;
    width:100%;
}