Float divs水平

Question

我试图水平浮动div，但是它会落入一个新的行。

http://jsfiddle.net/nyCrY/4/

仅当我将#holder的宽度设置为高于其内容时才有效。

如果没有在#holder上设置固定宽度，有没有办法做到这一点？

谢谢！

Answer 1

不是纯粹的CSS。

您可以使用静态宽度（您不想这样做），可以使用浮点数+空格（这是不可靠的），或者您可以使用javascript动态计算所需的宽度并将样式的宽度设置为该数字

根据本教程：http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/

  

我花了一些时间玩浮动属性和白色空间   属性，看看我是否能找到一种方法来对抗浏览器自动换行，   但我没有太多运气。页面元素浮动，但做   没有宽度表现出它们扩展到宽度的属性   他们内心的内容。我想也许如果我放一堆漂浮物   在其中的元素，它可能只是继续扩展超出宽度   浏览器窗口。没有骰子。还有一个白色空间：nowrap;   CSS中的属性，我认为可能会被利用来打击   自动换行，但它只适用于文本元素，而不适用于块或   你设置为内联的任何旧东西。哦，好吧。

所以，他基本上是在说，不仅仅用css就不可能了。

但他继续说你可以做一些javascript魔术来实现它：

  

JavaScript显然具有操作页面元素的能力   即时计算。