居中的div左右圖像應該超出瀏覽器窗口

我有一箇中心固定寬度div（div使用margin-left：auto居中）的網站。現在我想在這個div的左側和右側顯示一些圖像。圖像不應該影響瀏覽器窗口的滾動。如果分辨率太小，應該切斷圖像，而不在瀏覽器中顯示滾動條。但是如果沒有足夠的空間來放置居中的div，應該出現一個滾動條。居中的div左右圖像應該超出瀏覽器窗口

這是如何實現的？

編輯：未經本站左圖像/右，請訪問：http://b-sides.ch/openair12/

來源

2012-04-01 Pascal Berger

無需任何代碼或一個鏈接我們不能提供太多的幫助，但可以嘗試在''或''中加入'overflow-x：hidden'。 – Bojangles 2012-04-01 14:09:48

網站可在這裏（沒有圖像左/右）：http://b-sides.ch/openair12/ – 2012-04-01 14:28:05

我把圖片作爲頁面（體背景）的背景作爲一個單一的JPG。在圖像之間保留一個等於居中div的寬度的空間。但也許你應該顯示你的代碼。

來源

2012-04-01 14:13:56 Matop79

謝謝！背景圖片可能是一個解決方案。但由於居中的div是1250px的寬度，所以這會浪費帶寬。網站（沒有圖片可在這裏找到：http://b-sides.ch/openair12/） – 2012-04-01 14:35:08

對於您的問題，我建議您開始製作網站流體。然後在屏幕變小時應用媒體查詢來擺脫「側邊欄」。在媒體查詢你告訴瀏覽器獲得

overflow-x:scroll;

這裏是一個很好的例子一個網站，使在所有瀏覽器的網站液，仍然兼容：http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts

來源

2012-04-01 14:46:33

謝謝，但我不認爲這解決了我的情況。如果圖像不完全適合屏幕，也應顯示圖像（它們只是裝飾性的以填充更大的分辨率。 – 2012-04-01 15:23:03

居中的div左右圖像應該超出瀏覽器窗口

回答

相關問題