擴大div的寬度，直到所有的孩子適合

Question

我想做一個簡單的滑塊，所以我使用div（#container）來容納我需要滑動的項目（這個div將有溢出：隱藏） ，我想要移動的div（#slider），以便所有項目將一起移動，並且適合滑塊的div。

我想要滑塊的寬度展開，直到所有項目都與float：left匹配到同一行。

我有這個jsFiddle：http://jsfiddle.net/rBFPL/5/，我需要一些幫助，使紅色的div在同一行，青色div擴大其寬度。

你能幫我嗎？

Answer 1

更新：http://jsfiddle.net/HCYPD/3/

#container { 
    width : 400px; 
    height : 200px; 
    position : relative; 
    background : yellow; 
    overflow: hidden; 
} 

#slider { 
    margin : 5px; 
    position : absolute; 
    background : cyan; 
    width: auto; 
    height : 190px; 
    white-space: nowrap; 
} 

#slider div { 
    margin : 20px; 
    width: 100px; 
    height: 150px; 
    position : relative; 
    display: inline-block; 
    background : red; 
} 

Answer 2

我做了這個jsFiddle，我認爲它確實你說什麼，我只對鉻進行測試。

更新：二attempt

#container { 
    background : yellow; 
    padding: 5px; 
    white-space: nowrap; 
    overflow: hidden; 
    position : fixed; 
    width : 400px; 
} 
#slider { 
    background : cyan; 
    position : fixed; 
} 
#slider div { 
    margin : 20px; 
    width: 100px; 
    height: 150px; 
    position : relative; 
    float : left; 
    background : red; 
}