html，彼此相鄰的強制元素，即使通過滾動父級隔斷

Question

我想要一系列元素在帶滾動條的窗口內彼此相鄰。但是，他們繼續轉向下一行。

我做了一個js小提琴：http://jsfiddle.net/922J5/

請注意，我不知道孩子的身高。

<div id = "parent"> 
    <div class = "child"></div> 
    <div class = "child"></div> 
    <div class = "child"></div> 
    <div class = "child"></div> 
</div> 

#parent{overflow:scroll; 
     width:200px;} 

.child{ 
    background:red; 
    margin:5px; 
    width:100px; 
    height:100px; 
    display:inline-block; 
} 

Answer 1

添加空格NOWRAP父

#parent{overflow:scroll; 
     width:200px; 
    white-space:nowrap;} 

.child{ 
    background:red; 
    margin:5px; 
    width:100px; 
    height:100px; 
    display:inline-block; 
} 

更新後的代碼。