3 div佈局中間一個液體

Question

如何用CSS實現以下內容？

-------------------------------------------------- 
| DIV 1: 50px | DIV 2: FLUID | DIV 3: 50px | 
-------------------------------------------------- 

我沒有問題與佈局具有正確的格流體2列，但我無法弄清楚如何使上面。

演示：http://jsfiddle.net/SKsmJ/

Answer 1

<div style="float:right;width:50px;"></div> 
<div style="float:left;width:50px;"></div> 
<div style="margin:0 55px;"></div> 

Answer 2

你只需要float: left所有div S，第一個和最後一個div指定width:50px。

這裏是一個超級基本的jsfiddle：http://jsfiddle.net/Simo990/V3PtW/1

Answer 3

這不是最好的解決辦法，但你可以使用嵌套的div，設置爲任何你想爲你的頁面的寬度和位置的另外兩個與float主要div的寬度。

HTML：

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

CSS：

div { 
    display: block; 
} 
#main { 
    width: 100%; 
} 
#left, #right { 
    width: 50px; 
} 
#left { 
    float: left; 
} 
#right { 
    float: right; 
} 

這裏有一個工作示例：http://jsfiddle.net/davehauser/6qVwR/

Answer 4

所有你需要做的是浮動兩個左右DIV，確保您'右邊的div是HTML中的第一個。

我編輯了你提供的jsfiddle：http://jsfiddle.net/AsKGL/