CSS - 顯示爲一個固定的寬度和高度DIV

只有水平滾動條我有一個div它是固定的寬度和高度：CSS - 顯示爲一個固定的寬度和高度DIV

#containersimg 
{ 
    width: 900px; 
    height: 135px; 
}

而且我有許多圖像內，寬度爲90像素，高120像素。所以我希望將所有圖像連續放在一起，並只顯示水平滾動條來滾動圖像。

我需要在FF和IE8及以上版本中完成這項工作。我嘗試了overflow-x和overflow-y，但我沒有幫助。

任何想法??希望能得到一些幫助這裏...謝謝...

來源

2011-11-08 shennyL

你需要一個包裝div在你的滾動容器以確保它們不受寬度限制，然後在容器上設置overflow-x: scroll。我嘲笑了一個快速小提琴演示。 http://jsfiddle.net/vUEYG/

來源

2011-11-08 10:50:52 extols

+1好，但我認爲最好給'.square'' display：inline-block'並移除'float：left'。然後給'.wrapper'' white-space：nowrap'並從中移除'width'。這樣你不僅限於包裝的500px寬度。在這裏：http://jsfiddle.net/WbVp3/ – Bazzz

這實際上會更有意義。我已經用你的建議更新了小提琴 - 還改變了方形div以跨越，以確保IE正確處理他們與內聯塊。 http://jsfiddle.net/vUEYG/2/ – extols

嗨，非常感謝。但由於某些原因，我無法更改HTML構造...任何想法hw做到這一點，而不添加div？謝謝.. – shennyL

這給一個去:)

-ms-overflow-x: hidden;

從這個巨大的資源採取CSS div element - how to show horizontal scroll bars only?

來源

2011-11-08 10:43:37

嗨，謝謝，bt我試過了，它的功... – shennyL

你可以把你的代碼放入一個JS小提琴請:)這樣可以讓我們協助更好:) –

嗨，這裏是：http：/ /jsfiddle.net/yenni104/rTjmc/ 從上面發佈的答案得到解決方案，仍然非常感謝你！ – shennyL

您可以添加第一溢出：汽車

#containersimg 
{ 
    width: 900px; 
    height: 135px; 
overflow:auto; 
overflow-x:hidden; 


}

可能會幫助你

來源

2011-11-08 10:47:06

嗨，我試過了，但它力度工作.. – shennyL

CSS - 顯示爲一個固定的寬度和高度DIV

回答

相關問題