html - 3 つの Div、2 つの固定幅、1 つの Fluid

Question

最初の div (幅 30 ピクセル) を左に、3 番目の div (幅 30 ピクセル) を右にフロートさせ、2 番目の 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は、流動的な2番目のdivのために明らかに下に押し込まれます

ありがとう

エイデン

Answer 1

注文を間違えた

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

非フローティング div は最後の div にする必要があります。

Answer 2

margin: 0 auto;あなたに適用.fluid