CSS浮动位置问题

Question

我知道有很多关于花车的问题，但我似乎对如何克服这个问题感到困惑。

请参阅我的示例：http://jsfiddle.net/eE9WT/1/

我想要做的事情（或者实际上，试图避免）是第二个.float div启动后的第三个.float div。

我希望第三个div直接落在第一个div下面，利用页面上的所有空间。我知道我可以把它分成两列，但我想知道是否有更好的解决方案而不必这样做。

信不信由你，在我开发网络的5年里，这似乎是我第一次遇到这个问题！

谢谢你们

Answer 1

本文将有助于创建浮动框布局：http://matthewjamestaylor.com/blog/floating-boxes-css-layout.htm

还要查看他的其他布局，以防它们看起来更适合您的设计！

Answer 2

您可以为第二个浮点数添加规则

.float + .float {
    float: right;
}

Answer 3

我认为这是您正在寻找的解决方案：

JSFiddle

我用float向左移动了所有div。 在屏幕右侧留出一些空间，容器上有padding-right。 然后使用position: relative;将第二列移动到该空间。

Answer 4

Display:inline-block;
zoom:-1;

不仅仅是漂浮它还能为你做点什么。只有一些罕见的情况我使用浮动。我知道这不符合你的目标，我只是探索自己。