这与简单的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代码的粗略草图:
答案 0 :(得分:3)
尝试:
div.menu div {
float: left;
clear: left;
}
div.menu div.right {
float: right;
clear: right;
}
答案 1 :(得分:0)
我似乎无法弄清楚你想要实现的目标。你能否在MS Paint中创建一些基本草图,或者我们可以帮助你?
编辑:也许我在这里不明白,但这正是我在Chrome窗口中的样子(除了填充之外)。