不同的div 2列布局

Question

这与简单的2列布局不同。

我需要这个html：

<div class="menu">
    <div class="right">One</div>
    <div>Three</div>
    <div>Four</div>
    <div class="right">Two</div>
    <div class="right">Two</div>
    <div>Four</div>
    <div class="right">Two</div>
</div>

div类菜单有一个静态宽度，我需要里面的div进入右栏，而正常的div则保持不变。

这是我到目前为止所获得的CSS，但我似乎无法弄明白：

div.menu {
    width: 550px;
}
div.menu div {
    float: left;
    width: 200px;
}
div.menu div.right {
    float: right;
}

里面的div有随机顺序，所以我不能将它们包含在div中并浮动它。

以下是上述HTML代码的粗略草图：

alt text http://img102.imageshack.us/img102/4494/flytc3.jpg

Answer 1

尝试：

div.menu div {
    float: left;
    clear: left;
}
div.menu div.right {
    float: right;
    clear: right;
}

Answer 2

我似乎无法弄清楚你想要实现的目标。你能否在MS Paint中创建一些基本草图，或者我们可以帮助你？

编辑：也许我在这里不明白，但这正是我在Chrome窗口中的样子（除了填充之外）。