與相對寬度

Question

的CSS中心元件我有這樣的設置：

http://jsfiddle.net/Uq46e/18/

<div class="wrapper"> 

    <div class="a">1</div> 
    <div class="a">2</div> 
    <div class="a">3</div> 
    <div class="x"></div> 
    <div class="a">5</div> 
    <div class="a">6</div> 

</div> 

我想的div類x至佔據剩餘寬度（包裝減去其他元素）。父包裝需要保持響應。

只用css可以嗎？

編輯：

更新問題（所有元素都留下浮動）

Answer 1

你可以在你的CSS寬度規則中使用計算的屬性：

width: calc(100% - 250px); 

250像素，是所有其他的量寬度。

JSfiddle

這裏是一個模仿的CSS鈣，使其可在IE8的解決方案：

$('.x').css('width', '100%').css('width', '-=250px'); 

JSfiddle with Javscript

Answer 2

添加如下的類，然後檢查

.x { 
background: green; 
width: calc(100% - 250px); 
height: 50px; 
float: left; 
} 

我在你的小提琴上測試過它。