如何強制內容使用滾動條而不是通常的垂直方式水平流動

我只在水平方向顯示內容，以便將更多內容加載到視圖中我需要寬度以動態更改以適應讓滾動條處理滾動。所以現在下面的代碼只會將內容提升到4500像素，之後的任何事情都會嘗試打破新的界限，而不是水平延續。關於如何做到這一點的任何想法？如何強制內容使用滾動條而不是通常的垂直方式水平流動

.container-scroll { 
    width: 4500px; 
    min-width: 3000px; 
    overflow-x:scroll; 
    position: relative; 
    min-height: 100%; 
}

2012-11-24 TMan

呃，這似乎很明顯，我假設我錯過了一些東西，但是您已經在第一條規則中將寬度設置爲4500px。 – ultranaut

讓我們看看關聯的HTML。 –

你需要這個CSS：

.container-scroll { 
    width: auto; 
    min-width: 100px; 
    overflow-x:scroll; 
    position: relative; 
    min-height: 100%; 
}

只需指定所需的最小寬度和滾動將處理休息。

2012-11-24 22:03:58

自動寬度仍然不起作用。現在需要時它會垂直斷開。 – TMan

這不是你想要的http://jsfiddle.net/J7ZKB/？ –

是的，它似乎是，不知道爲什麼它不適合我。必須有一些其他的css覆蓋的東西也許 – TMan

請勿在容器上指定寬度。確保裏面的元素是display: inline。

2012-11-24 22:03:09

默認情況下，不指定寬度將width設置爲auto，這會使我的內容垂直加載而不是水平加載。從來沒有確定內聯顯示的是什麼。我確實設置了它。 – TMan

回答