3格，一個固定寬度

Question

我不確定這是否可以在HTML CSS中明白。

我在一行中有3個div 第二個div必須佔用200px的寬度，而第一個div必須佔用剩餘的寬度。

http://jsfiddle.net/Garav/gk9t3/

其餘兩個div被固定在小提琴100px的。有沒有辦法讓他們同時在兩邊填充剩餘的屏幕，這樣第二個div總是保持在中心？

注意：父div的寬度不固定。

Answer 1

只需使用margin：0 auto;無需保證金的div：http://jsfiddle.net/gk9t3/3/

Answer 2

我在另一個div中添加了中間div，並將其居中。看看這是否符合你的要求：http://jsfiddle.net/gk9t3/1/

Answer 3

證明：http://jsfiddle.net/5Br5A/

CSS

.image-placeholder{ 
    background: #0f0; 
    width: 200px; 
    height : 200px; 
    clear:none; 
    float: left; 
} 
.fill-remaining { 
    height:200px; 
    width:50%; 
    clear:none; 
} 
.fill-remaining.left { 
    background:#f00; 
    float: left; 
    margin-right:-100px; 
} 
.fill-remaining.left>div { 
    padding-right: 100px; 
} 
.fill-remaining.right { 
    background:#00f; 
    float: right; 
    margin-left:-100px; 
} 
.fill-remaining.right>div { 
    padding-left: 100px; 
}​ 

HTML

<div class="fill-remaining left"> 
</div> 
<div class="fill-remaining right"> 
</div> 
<div class="image-placeholder"> 
</div>