DIVにnowrapを設定するには？特に多くのサブDIVを含んでいる

Question

私は視差スクロール効果を作りたいです。私は、以下の方法を使用しますが、サブdiv要素が追加されたとき、それが折り返されます：

<div style="height: 300px; width: 100%; overflow-x: auto; overflow-y: hidden;border:solid 1px ;"> 
     <div id="layoutArea" style="width: 9999px;background-color:White; padding:10px 10px 15px 10px;border:solid 0px ;"> 
       <div id = "sub1"></div> 
       <div id = "sub2"></div> 
       <div id = "sub3"></div> 
       <div id = "sub4"></div> 
       <div id = "sub5"></div> 
       <div id = "sub6"></div> 
       ....... 
     </div> 
    </div> 

Answer 1

<style type="text/css"> 
    div {display:inline;} 
</style>