CSS3:在第二和第三之间浮动第一个div

Question

应该是一个简单的解决方案:

我有以下顺序的div:

<div id="middle"></div>
<div id="right"></div>
<div id="left"></div>

我必须按此顺序拥有它们.使用浮点数,如何让第一个div("middle")落在第二个div之间.

每个div都有一个设定高度和一个设定宽度(以px为单位).

我试过float:left;在中间做:

[[中]右] [左]

然后float:right;在顶部群集上:

[左[[中]右]]]

但它显示为

[中] [左] [右]

有帮助吗？

编辑:这是目前的来源:

Answer 1

你可以像这样写:

div{
display:inline-block;
}
#left{
 float:left;
}
#right{
 float:right;
}