jquery - 如何使用 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

对于您的“演示”div，将 float: left 更改为 display: inline-block;那么它应该可以工作。

此外，请参阅 Stack Overflow 问题“How to get Floating DIVs inside fixed-width DIV to continue horizontally?”以获取更多建议...

编辑:正如 timhessel 在下面的评论中所说，Internet Explorer 6/7 不接受 div 元素的内联 block ，因此您需要为“演示”div 使用 span 元素，因为默认情况下它们本质上是内联的。