不同div 2列布局

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

我需要这个网站：

<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

来源

2009-01-15 Luca Matteis

你真的坚持与HTML？如果是的话，我认为你唯一的选择是做一些非常难看的事情。你可以用JavaScript修改结构还是禁用？ – Prestaul 2009-01-15 02:19:47

我正在寻找一个纯粹的CSS解决方案，是的，我坚持使用该HTML。 – 2009-01-15 03:03:16

尝试：

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

来源

2009-01-15 03:14:14 Prestaul

我似乎无法找出你想达到的目标。你可以在MS Paint中创建一些基本的草图或其他东西，这样我们可以帮助你吗？

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

来源

2009-01-15 02:19:53

不同div 2列布局

回答

相关问题