停止浮動HTML元素下降到下一行

我正在構建一個網站，設計了多個動態數量的div元素（每個都有自己的寬度）來顯示，而不是往下走的頁面，他們橫向走。但是，如果組合寬度的項目數大於容器格，它會自動下降到下一行。無論如何要阻止它發生，並允許水平滾動（通過腳本而不是溢出條）？停止浮動HTML元素下降到下一行

2012-04-16 topherg

給這個div容器一個極大的相寬度。 – j08691 2012-04-16 17:12:23

試過，但它可以是任何尺寸，並且巨大的尺寸最終會變得太小 – topherg 2012-04-16 17:13:39

而不是浮動它們，將它們設置爲display:inline-block;。將包含元素設置爲overflow:hidden;，然後您可以使用腳本通過多種方式滾動它們，例如調整第一個元素的邊距，或者將它們包裝到另一個元素中並更改left屬性（您需要如果你走這條路線設置position）。

編輯：您還需要設置white-space:nowrap

看到這個工作小提琴：http://jsfiddle.net/D8bea/

2012-04-16 17:13:39

並不可悲。只是把文本放到div的底部 – topherg 2012-04-16 17:15:53

說謊，我只需要添加'white-space：nowrap;'到包含的元素 – topherg 2012-04-16 17:17:47

是的，我剛剛注意到我把它留下並編輯它。對不起。 – 2012-04-16 17:21:29

回答