如何使用div元素进行水平滚动？
我有这个div元素：
dsadsad dsadsad div演示将在tl div中通过代码复制更多次。 我想水平滚动tl div。
我怎样才能实现它？
对于“demo”div，更改float：left to display：inline-block; 那它应该工作。
另外，请参阅Stack Overflow问题“ 如何在固定宽度DIV内部浮动DIV以水平继续？ ”以获取更多建议…
编辑：正如timhessel在下面的评论中所说，Internet Explorer 6/7不接受div元素的内联块，因此您需要使用span元素作为“demo”div，因为默认情况下它们本质上是内联的。
经过一些研究，并尝试了一些事情，我相信你要做的事情，如果没有一个额外的容器，它有一个固定的宽度，实际上无法实现，因为浮动元素根据容器的大小堆叠自己。
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：
Lorem
ipsum dolor
sit
amet
观看现场演示： http ： //nikc.kapsi.fi/dev/html/misc/horiz-scroll.html
另请查看之前提出的类似问题： HTML Divs，Columns，Horizontal Scroll Bar
如果您使用的是jQuery，我一直在使用以下内容来执行我认为您想要的操作。
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html