Jquery 如何使用div元素获得水平滚动？

我有这个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>

dsadsad
dsadsad

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

---

如何实现它？

如果您使用jQuery，我一直在使用下面的方法来实现我认为您想要的功能

对于“演示”div，将float:left更改为display:inline block；那么它应该会起作用

另外，有关更多建议，请参阅堆栈溢出问题“”

---

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

在做了一些研究并尝试了一些事情之后，我相信您正在尝试做的，如果没有一个固定宽度的额外容器，就无法真正实现，因为浮动元素根据容器的大小进行堆叠

CSS：

    div.horiz-container {
        border: 1px solid silver;
        height: 100px;
        overflow-x: auto;
        overflow-y: hidden;
        whitespace: nowrap;
        width: 400px;
    }

    div.horiz-container div.content {
        float: left;
        display: inline;
        height: 100px;
        width: 500px;
    }

    div.horiz-container p {
        float: left;
        display: inline;
        height: 100px;
        width: 100px;
        text-align: center;
        position: relative;
    }

HTML：

<div class="horiz-container">
    <div class="content">
        <p>Lorem</p
        <p>ipsum</p>
        <p>dolor</p>
        <p>sit</p>
        <p>amet</p>
    </div>
</div>

< Loeimi这不是我的意思，我只希望用户可以水平滚动div，但作为一个旁瓣感谢，“代码> ID 属性的值应该是唯一的。@ NIKC iTIs只为示例，您可以考虑其他DIV与浮动LeftTAT第一眼，标记看起来应该工作。如果执行溢出-x:auto；如果不需要，它将不显示滚动条。IE 6和7不接受DIV的内联块或其他具有Incentric显示值block的元素。这是真的，因此“演示”divs应该改为span元素。嗨，我把它改成了一些文本，它也不工作，因为它应该是水平滚动的，但我不能滚动。你必须更改float:left to be display:inline block；以及将div更改为span。我在Safari很管用。