html - 3 个 Div、2 个固定宽度和 1 个流体

Question

我有一个问题，我将第一个 div(30px 宽度)向左浮动，第三个 div(30px 宽度)向右浮动，第二个 div 占用了整个窗口宽度的剩余空间

例子:

http://jsfiddle.net/AScBN/188/

.right
{
   height:40px;
   width:40px;
   float:left;
   background:green;
}

.left
{
   height:40px;
   width:40px;
   float:right;
   background:green;
}

.fluid
{
   margin-right: 50px;
   height:40px;
   background:red;
}

div
{
   border:1px solid yellow;
}

问题:

我无法让他们并排坐下，由于第二个 div 的流动性，最后一个 div 显然被推到了下面

谢谢

艾登

Answer 1

你弄错了顺序

<div class="right">1</div>
<div class="left">3</div>
<div class="fluid">3</div>

非 float 的 div 应该是最后一个。