如何使用div元素进行水平滚动？

Question

我有这个div元素:

    <div id="tl"  style="float:right;width: 400px; height:100px; background-color:Green; overflow-x: scroll;overflow-y: hidden;">

        <div id='demo' style="float:left;height:90px;"> dsadsad </div>
        <div id='demo' style="float:left;height:90px;"> dsadsad </div>

    </div>

div演示将在tl div中通过代码复制更多次.我想水平滚动tl div.

我怎样才能实现它？

Answer 1

对于"demo"div,更改float:left to display:inline-block; 那它应该工作.

另外,请参阅Stack Overflow问题" 如何在固定宽度DIV内部使浮动DIV水平继续？ "以获取更多建议...

编辑:正如timhessel在下面的评论中所说,Internet Explorer 6/7不接受div元素的内联块,因此您需要使用span元素作为"demo"div,因为默认情况下它们本质上是内联的.