html - 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>