css-float - 水平浮动div

Question

我正在尝试水平浮动 div，但它落入新行。

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

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

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

谢谢！

Answer 1

不是真正的纯 CSS。

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

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

我花了一些时间使用 float 属性和 white-space 属性，看看是否能找到一种方法来对抗浏览器自动换行，但我运气不佳。浮动但没有宽度的页面元素表现出一种属性，即它们扩展为它们内部内容的宽度。我想如果我在里面放一堆浮动元素，它可能会继续扩大到浏览器窗口的宽度之外。没有骰子。还有一个空格：nowrap; CSS 中的属性，我认为可以利用它来对抗自动换行，但它仅适用于文本元素，而不适用于块或您设置为内联的任何旧东西。那好吧。

因此，他基本上是在说，不，仅使用 css 是不可能的。

但他接着说，你可以做一些 javascript 魔术来实现它：

JavaScript 显然具有操作页面元素和动态计算的能力。